/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap");
.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
  max-width: 1180px;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1280px;
  }
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #1b1e22;
  background: #ffffff;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  margin: 0 0 0.5em;
  color: #0e0f11;
}
h1 {
  font-size: clamp(1.1rem, calc(1.25vw + 0.7rem), 1.8rem);
}
h2 {
  font-size: clamp(1.6rem, calc(1.4vw + 1.1rem), 2.2rem);
}
h3 {
  font-size: clamp(1.25rem, calc(.9vw + 1rem), 1.6rem);
}
p {
  margin: 0 0 1em;
  color: #2f3339;
}
a {
  color: #0e0f11;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #ff6600;
}
/* Buttons */
.btn-primary {
  background: #ff6600;
  color: #0e0f11;
  border: 0;
}
.btn-outline {
  background: transparent;
  border: 2px solid #ff6600;
  color: #ff6600;
}
.btn-secondary {
  background: #9e0b0f;
  color: #ffffff;
  border: 0;
}
/* Utilities */
.section {
  padding-block: 4rem;
}
@media (min-width: 992px) {
  .section {
    padding-block: 5rem;
  }
}
.section--tight {
  padding-block: 3rem;
}
.block--light {
  background: #ffffff;
}
.block--dark {
  background: #0e1114;
  color: #e4e5e7;
}
.block--gray {
  background: #f7f7f8;
}
.block--gradient-dark {
  background: linear-gradient(180deg, #121418 0%, #0c0e12 100%);
  color: #eeeeef;
}
.bg-cover-center {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-cover-top {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.bg-contain-top {
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #0e0f11;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-overlay-dark {
  position: relative;
  isolation: isolate;
}
.bg-overlay-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: -1;
}
.bg-overlay-gradient {
  position: relative;
  isolation: isolate;
}
.bg-overlay-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 55%);
  z-index: -1;
}
.grid, .services .services__grid, .products .products__grid {
  display: grid;
  gap: 1.5rem;
}
.grid-2 {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-3 {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-4 {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
  .grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.rounded {
  border-radius: 14px;
}
.shadow-md {
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
}
.text-white {
  color: #ffffff !important;
}
.link-underline {
  position: relative;
  text-decoration: none;
}
.link-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -2px;
  height: 2px;
  background: #ff6600;
  transition: right 0.25s ease;
}
.link-underline:hover::after {
  right: 0;
}
:focus-visible {
  outline: 3px solid rgba(255, 102, 0, 0.6);
  outline-offset: 2px;
}
/* Fixes */
.g-image {
  max-width: 100%;
  height: auto;
}
.g-block {
  overflow: visible;
}
/* Header menu poravnanje */
#g-header .g-main-nav {
  margin-top: 12px;
}
/* Fullwidth HERO reset */
section#g-fullwidth {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: relative;
}
section#g-fullwidth > .g-container, section#g-fullwidth > .g-container > .g-grid, section#g-fullwidth > .g-container > .g-grid > .g-block, section#g-fullwidth > .g-container > .g-grid > .g-block > .g-content, section#g-fullwidth .platform-content, section#g-fullwidth .moduletable {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
section#g-fullwidth::before, section#g-fullwidth::after, section#g-fullwidth > .g-container::before, section#g-fullwidth > .g-container::after {
  content: none !important;
}
#g-intro {
  --intro-bg: #1b1d20;
}
section#g-fullwidth::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--intro-bg, #1b1d20);
  pointer-events: none;
}
/* HERO komponenta */
.mv-hero.pro {
  --mv-accent: #ff6600;
  position: relative;
  width: 100%;
  min-height: clamp(540px, 72vh, 860px);
  color: #fff;
  isolation: isolate;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: hidden;
}
.mv-hero.pro .mv-hero__media {
  position: absolute;
  inset: 0;
  background: center / cover no-repeat;
  background-image: url('../../../../images/background/mv-background.jpg');
  background-image: image-set(url('../../../../images/background/mv-background.webp') type("image/webp") 1x, url('../../../../images/background/mv-background.jpg') type("image/jpeg") 1x);
}
.mv-hero.pro .mv-hero__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.68) 22%, rgba(0, 0, 0, 0.42) 42%, rgba(0, 0, 0, 0.18) 60%, rgba(0, 0, 0, 0) 78%);
  pointer-events: none;
}
.mv-hero.pro .mv-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.14);
  mix-blend-mode: multiply;
  pointer-events: none;
}
.mv-hero.pro .mv-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: inherit;
  place-items: center start;
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(32px, 5vw, 120px);
}
.mv-hero.pro .mv-hero__copy {
  width: min(40rem, 92%);
  opacity: 0;
  transform: translateY(10px);
}
#g-header {
  position: relative;
  overflow: visible;
  /* ključno */
}
#g-header.fullwidth-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  /* pomakni ispod rubnog spajanja */
  width: 100vw;
  height: 16px;
  background-image: linear-gradient(to bottom, #ffffff 0 2px, #ff6600 2px 8px, #ffffff 8px 10px, #000000 10px 12px);
  pointer-events: none;
  z-index: 99;
}
.site-header {
  background: #ffffff;
  border-bottom: 1px solid #eeeeef;
}
.site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 1rem;
}
/* -------------------------

@keyframes mvHeroIn{
  to { opacity:1; transform:none; }
}

/* ---------- 3) Responsive finese ---------- */
@media (max-width: 1200px) {
  .mv-hero.pro .mv-hero__inner {
    padding: clamp(28px, 6vw, 80px);
  }
}
@media (max-width: 960px) {
  .mv-hero.pro .mv-hero__media::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.64) 34%, rgba(0, 0, 0, 0.3) 62%, rgba(0, 0, 0, 0) 88%);
  }
}
@media (max-width: 720px) {
  /* nema dodatnih paddinga u containeru */
  .mv-hero.pro {
    min-height: 68vh;
  }
  .mv-hero.pro .mv-hero__title {
    letter-spacing: -0.015em;
  }
  section#g-fullwidth > .g-container {
    padding: 0 !important;
  }
}
/* =========================================================

MV Logistic — Categories Slider 
    ========================================================= */
/* Ensure dark section behind the module */
/* Scope everything to the module/particle */
.mv-cats-slider {
  position: relative;
  /* spacing oko slidera u fullwidth redu */
  padding: clamp(24px, 4vw, 48px) 0;
  /* UIkit slider root normalizacija */
  /* GRID razmaci (gutter enabled) */
  /* Card */
  /* Slika na vrhu (cover) */
  /* Sadržaj */
  /* CTA link – ne diramo postojeće gumbe; stiliziramo link */
  /* UIkit arrows – vidljivost i stil */
  /* Pozicija strelica */
  /* Dots (ako uključiš) */
  /* Kartice: širine za 3/2/1 per slide */
  /* UIkit rješava većinu, ali forsiramo stabilan responsive za Content PRO listu */
  /* Kontrast na crnoj pozadini oko kartica */
}
.mv-cats-slider .uk-slider, .mv-cats-slider .uk-slider-items {
  overflow: visible;
}
.mv-cats-slider .uk-grid-small > * {
  padding-left: 14px;
}
.mv-cats-slider .uk-grid-small {
  margin-left: -14px;
}
.mv-cats-slider .mv-card {
  background: #ffffff;
  color: #222;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  overflow: hidden;
}
.mv-cats-slider .mv-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
}
.mv-cats-slider .mv-card__media {
  position: relative;
  aspect-ratio: 1.6;
  background: #f2f2f2;
}
.mv-cats-slider .mv-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mv-cats-slider .mv-card__body {
  padding: clamp(14px, 2.2vw, 22px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
}
.mv-cats-slider .mv-card__title {
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(18px, 1.6vw, 22px);
  margin: 0 0 2px 0;
  color: #111;
}
.mv-cats-slider .mv-card__intro {
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.55;
  color: #555;
  margin: 0 0 8px 0;
  flex: 1 1 auto;
}
.mv-cats-slider .mv-card__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  text-decoration: none;
  color: #ff6600;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s ease;
}
.mv-cats-slider .mv-card__link:hover {
  border-color: rgba(255, 102, 0, 0.35);
}
.mv-cats-slider .mv-card__link i, .mv-cats-slider .mv-card__link svg {
  width: 1em;
  height: 1em;
}
.mv-cats-slider .uk-slidenav {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  width: 44px;
  height: 44px;
  border-radius: 10px;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
  /* ikonica u brand boji */
}
.mv-cats-slider .uk-slidenav:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
  transform: scale(1.05);
}
.mv-cats-slider .uk-slidenav svg, .mv-cats-slider .uk-slidenav .uk-icon {
  color: #ff6600;
}
.mv-cats-slider .uk-slidenav-container {
  pointer-events: none;
  /* spremnik ne hvata klik */
}
.mv-cats-slider .uk-slidenav, .mv-cats-slider .uk-slidenav:focus {
  pointer-events: auto;
  /* strelice hvataju klik */
}
.mv-cats-slider .uk-dotnav > * > * {
  border: 2px solid rgba(255, 255, 255, 0.25);
  background: transparent;
}
.mv-cats-slider .uk-dotnav > .uk-active > * {
  border-color: #ff6600;
  background: #ff6600;
}
.mv-cats-slider .uk-slider-items > * {
  /* desktop: 3 u redu */
  width: calc(100% / 3);
}
@media (max-width: 1199.98px) {
  .mv-cats-slider .uk-slider-items > * {
    /* tablet: 2 u redu */
    width: 50%;
  }
}
@media (max-width: 639.98px) {
  .mv-cats-slider .uk-slider-items > * {
    /* mobitel: 1 u redu */
    width: 100%;
  }
}
.mv-cats-slider::before, .mv-cats-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
/* Ako želiš dodatni “edge fade” efekt lijevo/desno (opcionalno) */
.mv-cats-slider .uk-slider {
  mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
}
@supports not (mask-image: linear-gradient(to right, transparent, #000)) {
  /* fallback bez maske: ništa */
}
/* Tipografija unutar crne sekcije da ostane konzistentna */
.g-section[class*="intro"] {
  background: #0a0a0a;
  /* sekcija već crna po tvojim globalnim postavkama */
}
/* ================================
   INTRO SEKCIJA – MV Logistic
   ================================ */
/* Wrapper intro sekcije */
.mv-intro {
  position: relative;
  padding: 80px 0;
  background: #ffffff;
  color: #1e1e1e;
  text-align: center;
  /* Strelice navigacije (ako ih koristiš) */
}
@media (max-width: 991px) {
  .mv-intro {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .mv-intro {
    padding: 40px 20px;
  }
}
.mv-intro__title {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #000;
}
@media (max-width: 991px) {
  .mv-intro__title {
    font-size: 2.2rem;
  }
}
@media (max-width: 767px) {
  .mv-intro__title {
    font-size: 1.8rem;
  }
}
.mv-intro__subtitle {
  font-size: 1.2rem;
  font-weight: 400;
  max-width: 760px;
  margin: 0 auto 40px;
  line-height: 1.6;
  color: #555;
}
@media (max-width: 991px) {
  .mv-intro__subtitle {
    font-size: 1.1rem;
  }
}
@media (max-width: 767px) {
  .mv-intro__subtitle {
    font-size: 1rem;
  }
}
.mv-intro__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .mv-intro__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .mv-intro__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .mv-intro__grid {
    grid-template-columns: 1fr;
  }
}
.mv-intro .intro-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 5;
}
.mv-intro .intro-nav:hover {
  border-color: #ff6600;
  background: #ff6600;
  color: #fff;
}
.mv-intro .intro-nav--prev {
  left: -60px;
}
@media (max-width: 1199px) {
  .mv-intro .intro-nav--prev {
    left: -45px;
  }
}
@media (max-width: 767px) {
  .mv-intro .intro-nav--prev {
    left: -35px;
  }
}
.mv-intro .intro-nav--next {
  right: -60px;
}
@media (max-width: 1199px) {
  .mv-intro .intro-nav--next {
    right: -45px;
  }
}
@media (max-width: 767px) {
  .mv-intro .intro-nav--next {
    right: -35px;
  }
}
/* =================================================================
   “Snake border” HOVER efekt – AKTIVAN SAMO kad dodaš klasu: mv-snake
   Dodaj kao Module Class Suffix u Gantryju ili kao CSS Class u particleu
   Targetira Content PRO kartice (.g-content-pro-item)
   ================================================================= */
.mv-snake {
  /* reset za kartice unutar ovog modula/particlea */
}
.mv-snake .g-content-pro-item {
  position: relative;
  background: transparent !important;
  border: none !important;
  border-radius: 4px;
  overflow: visible;
  /* okvir kao animirana "zmija" */
}
.mv-snake .g-content-pro-item::before {
  --bw: 3px;
  --c: #ff6600;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1px;
  pointer-events: none;
  /* 4 linije: top, right, bottom, left (inicijalno 0) */
  background: linear-gradient(var(--c), var(--c)) left top / 0 var(--bw) no-repeat, linear-gradient(var(--c), var(--c)) right top / var(--bw) 0 no-repeat, linear-gradient(var(--c), var(--c)) right bottom / 0 var(--bw) no-repeat, linear-gradient(var(--c), var(--c)) left bottom / var(--bw) 0 no-repeat;
  will-change: background-size;
  transition: none;
}
.mv-snake .g-content-pro-item:hover::before {
  animation: mv-snake-border 0.6s linear forwards;
}
/* Keyframes: crta obrub redom TOP → RIGHT → BOTTOM → LEFT */
@keyframes mv-snake-border {
  0% {
    background-size: 0 var(--bw), var(--bw) 0, 0 var(--bw), var(--bw) 0;
  }
  25% {
    background-size: 100% var(--bw), var(--bw) 0, 0 var(--bw), var(--bw) 0;
  }
  50% {
    background-size: 100% var(--bw), var(--bw) 100%, 0 var(--bw), var(--bw) 0;
  }
  75% {
    background-size: 100% var(--bw), var(--bw) 100%, 100% var(--bw), var(--bw) 0;
  }
  100% {
    background-size: 100% var(--bw), var(--bw) 100%, 100% var(--bw), var(--bw) 100%;
  }
}
/* ==========================================================
   DODATNO: default kartica unutar intro (bez snake efekta)
   (ostaje minimalistički izgled kada nema .mv-snake wrappera)
   ========================================================== */
.mv-intro .g-content-pro-item {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.mv-intro .g-content-pro-item:hover {
  border-color: #ff6600;
}
.mv-intro .g-content-pro-item .g-content-pro-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.mv-intro .g-content-pro-item:hover .g-content-pro-image img {
  transform: scale(1.05);
}
.mv-intro .g-content-pro-item .info-container, .mv-intro .g-content-pro-item .content {
  padding: 20px;
}
.mv-intro .g-content-pro-item .info-container h3, .mv-intro .g-content-pro-item .info-container .title, .mv-intro .g-content-pro-item .content h3, .mv-intro .g-content-pro-item .content .title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}
.mv-intro .g-content-pro-item .info-container p, .mv-intro .g-content-pro-item .content p {
  font-size: 0.95rem;
  color: #666;
  margin: 0;
}
/* MV Logistic – Subfeature About (final) */
.mv-subfeature-about {
  --mv-brand: #ff6600;
  background: #ffffff;
  width: 100%;
  /* Lijeva strana */
  /* CTA – koristi izgled hero gumba */
  /* Desna strana – slika full-bleed bez ikakvog ruba */
  /* Responsive */
}
.mv-subfeature-about .mv-subfeature-about__inner {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: stretch;
  gap: 0;
}
.mv-subfeature-about .mv-subfeature-about__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 5vw, 64px);
  max-width: 720px;
  margin-left: auto;
  margin-right: clamp(12px, 3vw, 28px);
  text-align: left;
}
.mv-subfeature-about .mv-subfeature-about__logo {
  display: inline-block;
  margin-bottom: clamp(8px, 1.2vw, 14px);
}
.mv-subfeature-about .mv-subfeature-about__logo img {
  max-width: clamp(220px, 28vw, 320px);
  height: auto;
  transform: translateZ(0);
  transition: transform 0.28s ease;
  display: block;
}
.mv-subfeature-about .mv-subfeature-about__logo:hover img, .mv-subfeature-about .mv-subfeature-about__logo:focus-visible img {
  transform: scale(1.04);
}
.mv-subfeature-about .mv-subfeature-about__lead {
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.6;
  margin: 0 0 14px 0;
  font-weight: 500;
}
.mv-subfeature-about .mv-hero__actions {
  margin-top: clamp(14px, 2vw, 22px);
}
.mv-subfeature-about .mv-hero__actions .cta-btn {
  background-color: var(--mv-brand);
  border: 1px solid var(--mv-brand);
  color: #fff;
  font-weight: 700;
  padding: 12px 22px;
  border-radius: 6px;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  transition: transform 0.15s ease, filter 0.2s ease;
  cursor: pointer;
}
.mv-subfeature-about .mv-hero__actions .cta-btn:hover, .mv-subfeature-about .mv-hero__actions .cta-btn:focus-visible {
  filter: brightness(0.95);
  transform: translateY(-1px);
}
.mv-subfeature-about .mv-subfeature-about__media {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: hidden;
}
.mv-subfeature-about .mv-subfeature-about__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
@media (max-width: 1024px) {
  .mv-subfeature-about .mv-subfeature-about__inner {
    grid-template-columns: 1fr;
  }
  .mv-subfeature-about .mv-subfeature-about__media {
    order: -1;
    height: 320px;
  }
  .mv-subfeature-about .mv-subfeature-about__content {
    margin: 0 auto;
  }
}
/* ===== MV Logistic – Naše usluge (finalna ispravka) ===== */
.mv-services {
  --mv-bg: #141517;
  --mv-white: #ffffff;
  --mv-dim: #b6b8bd;
  --mv-brand: #ff6600;
  background: var(--mv-bg);
  padding: clamp(40px, 6vw, 80px) 0;
  color: var(--mv-white) !important;
  /* Hover efekti – mijenjaju i naslov i ikonu */
}
.mv-services .mv-services__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 32px);
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: clamp(24px, 4vw, 56px);
  align-items: start;
}
.mv-services .mv-services__title {
  margin: 0 0 12px;
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff !important;
  /* GLAVNI NASLOV BIJELI */
}
.mv-services .mv-services__lead {
  margin: 0;
  max-width: 460px;
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.55;
  color: var(--mv-dim) !important;
}
.mv-services .mv-services__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 2.5vw, 40px);
  text-align: left;
  /* PORAVNANJE NA LIJEVO */
}
.mv-services .mv-services__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.25s ease;
}
.mv-services .mv-services__item:hover {
  transform: translateY(-4px);
}
.mv-services .mv-services__icon {
  color: var(--mv-brand);
  margin: 0 0 14px 0;
  line-height: 0;
}
.mv-services .mv-services__icon svg {
  transition: transform 0.25s ease, filter 0.25s ease, color 0.25s ease;
  display: block;
}
.mv-services .mv-services__item-title {
  margin: 0 0 10px;
  font-size: clamp(15px, 1.8vw, 20px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mv-brand) !important;
  /* NASLOVI BRAND NARANČASTA */
  transition: color 0.25s ease;
}
.mv-services .mv-services__desc {
  margin: 0;
  max-width: 320px;
  font-size: clamp(13px, 1.5vw, 16px);
  line-height: 1.6;
  color: var(--mv-dim) !important;
}
.mv-services .mv-services__item:hover .mv-services__icon svg {
  transform: translateY(-2px);
  filter: drop-shadow(0 0 10px rgba(255, 102, 0, 0.5));
  color: var(--mv-white) !important;
}
.mv-services .mv-services__item:hover .mv-services__item-title {
  color: var(--mv-white) !important;
}
@media (max-width: 1024px) {
  .mv-services .mv-services__inner {
    grid-template-columns: 1fr;
  }
  .mv-services .mv-services__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .mv-services .mv-services__grid {
    grid-template-columns: 1fr;
  }
}
/* ===========================
   MV Logistic – "Zašto odabrati nas"
   Ikona veća, bez obruba, centrirana iznad teksta (desktop + mobile)
   =========================== */
.mv-why {
  --mv-brand: #ff6600;
  --mv-white: #ffffff;
  --mv-dim: #6b7280;
  padding: clamp(40px, 6vw, 96px) 0;
  /* CARD */
  /* IKONA – veća, bez obruba/pozadine, centrirana */
  /* "Činjenice" – uklonjeno */
}
.mv-why .mv-why__head {
  text-align: center;
  margin-bottom: clamp(24px, 4vw, 48px);
}
.mv-why .mv-why__title {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(26px, 3.2vw, 40px);
  letter-spacing: -0.02em;
  color: #0f1115;
  margin: 0 0 8px 0;
}
.mv-why .mv-why__lead {
  max-width: 820px;
  margin: 0 auto;
  font-size: clamp(14px, 1.4vw, 18px);
  color: #fff !important;
}
.mv-why .mv-why__grid {
  display: grid;
  gap: clamp(18px, 2.2vw, 28px);
  grid-template-columns: 1fr;
}
@media (min-width: 576px) {
  .mv-why .mv-why__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .mv-why .mv-why__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.mv-why .mv-why__item {
  background: var(--mv-white);
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  padding: clamp(18px, 2.2vw, 24px);
  /* Ikona gore, sve centrirano – i na desktopu i na mobileu */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mv-why .mv-why__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06);
}
.mv-why .mv-why__icon {
  display: grid;
  place-items: center;
  width: clamp(64px, 6vw, 80px);
  height: clamp(64px, 6vw, 80px);
  margin: 4px 0 2px 0;
  /* nema obruba, nema pozadine, nema sjene */
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--mv-brand);
  line-height: 0;
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.mv-why .mv-why__icon svg {
  display: block;
  width: clamp(32px, 3.2vw, 48px);
  height: clamp(32px, 3.2vw, 48px);
  transform: translateZ(0);
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.mv-why__item:hover .mv-why .mv-why__icon {
  transform: translateY(-2px) scale(1.04);
}
.mv-why__item:hover .mv-why .mv-why__icon svg {
  transform: scale(1.08);
}
.mv-why .mv-why__item-title {
  margin: 2px 0 4px 0;
  font-size: clamp(16px, 1.7vw, 18px);
  font-weight: 600;
  color: #0f1115;
}
.mv-why .mv-why__desc {
  margin: 0;
  font-size: clamp(13px, 1.4vw, 16px);
  color: var(--mv-dim);
}
.mv-why .mv-why__facts {
  display: none !important;
}
/* ================================================
   MV WHY – dodatno vizualno poboljšanje
   ================================================ */
.mv-why__label {
  font-size: clamp(18px, 1.2vw, 22px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mv-brand);
  margin-top: 4px;
}
/* Veće ikone */
.mv-why__icon svg {
  width: clamp(36px, 3.5vw, 56px);
  height: clamp(36px, 3.5vw, 56px);
}
/* Kompaktniji box */
.mv-why__item {
  padding: clamp(16px, 2vw, 20px);
}
/* Suptilan scale efekt */
.mv-why__item:hover {
  transform: translateY(-4px) scale(1.02);
}
/* ===== Additional modul – stil ===== */
.mv-additional {
  --mv-brand: #ff6600;
  --mv-white: #ffffff;
  --mv-dim: rgba(255,255,255,0.72);
  padding: clamp(36px, 5vw, 72px) 0;
  color: var(--mv-white);
}
.mv-additional .mv-additional__inner {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: clamp(16px, 3vw, 32px);
}
.mv-additional .mv-additional__cta {
  text-align: center;
  margin-bottom: clamp(24px, 4vw, 48px);
}
.mv-additional .mv-additional__title {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(24px, 3.2vw, 40px);
  color: var(--mv-white);
  position: relative;
  display: inline-block;
}
.mv-additional .mv-additional__title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 72px;
  height: 3px;
  background: var(--mv-brand);
  border-radius: 2px;
}
.mv-additional .mv-additional__desc {
  margin: clamp(12px, 1.5vw, 16px) auto clamp(16px, 2vw, 20px);
  max-width: 820px;
  color: var(--mv-dim);
  font-size: clamp(14px, 1.4vw, 18px);
  line-height: 1.6;
}
.mv-additional .mv-additional__benefits {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(10px, 1.6vw, 16px);
}
@media (min-width: 640px) {
  .mv-additional .mv-additional__benefits {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .mv-additional .mv-additional__benefits {
    grid-template-columns: repeat(4, 1fr);
  }
}
.mv-additional .mv-additional__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: clamp(10px, 1.2vw, 14px) clamp(12px, 1.4vw, 16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: transparent;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
.mv-additional .mv-additional__item i {
  font-size: 20px;
  line-height: 1;
  color: var(--mv-brand);
  margin-top: 2px;
  flex: 0 0 auto;
}
.mv-additional .mv-additional__item span {
  color: var(--mv-white);
  font-size: clamp(13px, 1.2vw, 16px);
  line-height: 1.5;
}
.mv-additional .mv-additional__item:hover {
  border-color: var(--mv-brand);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);
  transform: translateY(-1px);
}
.about-split .grid-2 {
  align-items: center;
}
.about-split .card {
  background: linear-gradient(180deg, #121418 0%, #0d0f12 100%);
  color: #eeeeef;
  padding: 2.5rem;
  border-radius: 16px;
}
.about-split .card p {
  color: #cfd2d6;
}
.about-split .card .btn-primary {
  background: #ff6600;
  color: #0e0f11;
}
.about-split .media img {
  border-radius: 12px;
}
@keyframes mvSnakeMove {
  0% {
    border-image-source: linear-gradient(90deg, #ff6600, #ff3300, #ff6600);
  }
  100% {
    border-image-source: linear-gradient(450deg, #ff6600, #ff3300, #ff6600);
  }
}
.services {
  background: #0f1114;
  color: #eeeeef;
  text-align: center;
}
.services .services__grid {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .services .services__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.services .service-card {
  padding: 2rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.services .service-card .icon {
  display: inline-block;
}
.services .service-card h3 {
  color: #ffffff;
  margin-top: 1rem;
}
.services .service-card p {
  color: #b7bbc0;
}
/* -------------------------
10) Products (featured)
-------------------------- */
.products .products__grid {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
  .products .products__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.product-card {
  border: 1px solid #e4e5e7;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}
.product-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 0.8rem;
  padding: 0.3rem 0.55rem;
  background: #ff6600;
  color: #0e0f11;
  border-radius: 999px;
}
.product-card__media {
  background: #f7f7f8;
  display: grid;
  place-items: center;
  aspect-ratio: 1.3333333333;
}
.product-card__media img {
  width: 80%;
  height: auto;
}
.product-card__body {
  padding: 1.25rem;
}
.product-card__title {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 1.05rem;
  margin-bottom: 0.5rem;
}
.product-card__meta {
  color: #6f7782;
  font-size: 0.95rem;
}
/* -------------------------
11) Partners (logos strip, no JS)
-------------------------- */
.partners {
  background: #ffffff;
  border-block: 1px solid #eeeeef;
}
.partners .partners__row {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}
@media (min-width: 768px) {
  .partners .partners__row {
    grid-template-columns: repeat(6, 1fr);
  }
}
.partners .partner-logo {
  opacity: 0.85;
  filter: grayscale(100%);
  transition: opacity 0.2s ease, filter 0.2s ease, transform 0.2s ease;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.partners .partner-logo img {
  max-height: 44px;
  width: auto;
}
.partners .partner-logo:hover {
  opacity: 1;
  filter: grayscale(0%);
  transform: translateY(-2px);
}
/* ================================
   MV Logistic – FOOTER V2 (Gantry)
   Verzija 4.0 – kompletan reset + nova struktura
   Modul suffixi:
   1) mv-footer-menu--dark     – tamna pozadina, bijela slova
   2) mv-footer-menu--light    – svijetla pozadina, tamna slova
   3) mv-footer-about--dark    – tekstualni opis, bijela slova
   4) mv-footer-about--light   – tekstualni opis, tamna slova
   ================================ */
/* ======= 1) MENI – TAMNA POZADINA ======= */
.g-content.mv-footer-menu--dark, .moduletable.mv-footer-menu--dark, .mv-footer-menu--dark {
  --mv-text: rgba(255,255,255,0.88);
  --mv-text-strong: #ffffff;
  --mv-hover: #ff7e00;
  color: var(--mv-text);
  text-align: left;
}
.g-content.mv-footer-menu--dark ul, .g-content.mv-footer-menu--dark ol, .moduletable.mv-footer-menu--dark ul, .moduletable.mv-footer-menu--dark ol, .mv-footer-menu--dark ul, .mv-footer-menu--dark ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.g-content.mv-footer-menu--dark li::marker, .g-content.mv-footer-menu--dark li::before, .moduletable.mv-footer-menu--dark li::marker, .moduletable.mv-footer-menu--dark li::before, .mv-footer-menu--dark li::marker, .mv-footer-menu--dark li::before {
  content: none !important;
}
.g-content.mv-footer-menu--dark .g-main-nav, .g-content.mv-footer-menu--dark .g-menu, .g-content.mv-footer-menu--dark .g-sublevel, .moduletable.mv-footer-menu--dark .g-main-nav, .moduletable.mv-footer-menu--dark .g-menu, .moduletable.mv-footer-menu--dark .g-sublevel, .mv-footer-menu--dark .g-main-nav, .mv-footer-menu--dark .g-menu, .mv-footer-menu--dark .g-sublevel {
  display: block !important;
  text-align: left !important;
}
.g-content.mv-footer-menu--dark .g-menu > li, .g-content.mv-footer-menu--dark li, .moduletable.mv-footer-menu--dark .g-menu > li, .moduletable.mv-footer-menu--dark li, .mv-footer-menu--dark .g-menu > li, .mv-footer-menu--dark li {
  display: block !important;
  margin: 0 0 10px 0;
  white-space: normal;
  text-align: left !important;
}
.g-content.mv-footer-menu--dark .g-title, .g-content.mv-footer-menu--dark h3.g-title, .g-content.mv-footer-menu--dark h3, .moduletable.mv-footer-menu--dark .g-title, .moduletable.mv-footer-menu--dark h3.g-title, .moduletable.mv-footer-menu--dark h3, .mv-footer-menu--dark .g-title, .mv-footer-menu--dark h3.g-title, .mv-footer-menu--dark h3 {
  color: var(--mv-text-strong);
  font-weight: 700;
  margin: 0 0 10px 0;
  text-align: left;
}
.g-content.mv-footer-menu--dark .g-menu-item-title, .moduletable.mv-footer-menu--dark .g-menu-item-title, .mv-footer-menu--dark .g-menu-item-title {
  color: var(--mv-text) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  display: block !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
  text-align: left !important;
}
.g-content.mv-footer-menu--dark .g-menu-item-container:hover .g-menu-item-title, .g-content.mv-footer-menu--dark .g-menu-item-content:hover .g-menu-item-title, .moduletable.mv-footer-menu--dark .g-menu-item-container:hover .g-menu-item-title, .moduletable.mv-footer-menu--dark .g-menu-item-content:hover .g-menu-item-title, .mv-footer-menu--dark .g-menu-item-container:hover .g-menu-item-title, .mv-footer-menu--dark .g-menu-item-content:hover .g-menu-item-title {
  color: var(--mv-hover) !important;
  text-decoration: none !important;
}
.g-content.mv-footer-menu--dark a.g-menu-item-container:hover, .g-content.mv-footer-menu--dark a:hover, .moduletable.mv-footer-menu--dark a.g-menu-item-container:hover, .moduletable.mv-footer-menu--dark a:hover, .mv-footer-menu--dark a.g-menu-item-container:hover, .mv-footer-menu--dark a:hover {
  color: var(--mv-hover) !important;
  text-decoration: none !important;
}
.g-content.mv-footer-menu--dark ul li span:not(.g-menu-item-title), .moduletable.mv-footer-menu--dark ul li span:not(.g-menu-item-title), .mv-footer-menu--dark ul li span:not(.g-menu-item-title) {
  color: var(--mv-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  text-align: left;
}
/* ======= 2) MENI – SVIJETLA POZADINA ======= */
.g-content.mv-footer-menu--light, .moduletable.mv-footer-menu--light, .mv-footer-menu--light {
  --mv-text: rgba(15,23,42,0.88);
  --mv-text-strong: #0f172a;
  --mv-hover: #ff7e00;
  color: var(--mv-text);
  text-align: left;
}
.g-content.mv-footer-menu--light ul, .g-content.mv-footer-menu--light ol, .moduletable.mv-footer-menu--light ul, .moduletable.mv-footer-menu--light ol, .mv-footer-menu--light ul, .mv-footer-menu--light ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.g-content.mv-footer-menu--light li::marker, .g-content.mv-footer-menu--light li::before, .moduletable.mv-footer-menu--light li::marker, .moduletable.mv-footer-menu--light li::before, .mv-footer-menu--light li::marker, .mv-footer-menu--light li::before {
  content: none !important;
}
.g-content.mv-footer-menu--light .g-main-nav, .g-content.mv-footer-menu--light .g-menu, .g-content.mv-footer-menu--light .g-sublevel, .moduletable.mv-footer-menu--light .g-main-nav, .moduletable.mv-footer-menu--light .g-menu, .moduletable.mv-footer-menu--light .g-sublevel, .mv-footer-menu--light .g-main-nav, .mv-footer-menu--light .g-menu, .mv-footer-menu--light .g-sublevel {
  display: block !important;
  text-align: left !important;
}
.g-content.mv-footer-menu--light .g-menu > li, .g-content.mv-footer-menu--light li, .moduletable.mv-footer-menu--light .g-menu > li, .moduletable.mv-footer-menu--light li, .mv-footer-menu--light .g-menu > li, .mv-footer-menu--light li {
  display: block !important;
  margin: 0 0 10px 0;
  white-space: normal;
  text-align: left !important;
}
.g-content.mv-footer-menu--light .g-title, .g-content.mv-footer-menu--light h3.g-title, .g-content.mv-footer-menu--light h3, .moduletable.mv-footer-menu--light .g-title, .moduletable.mv-footer-menu--light h3.g-title, .moduletable.mv-footer-menu--light h3, .mv-footer-menu--light .g-title, .mv-footer-menu--light h3.g-title, .mv-footer-menu--light h3 {
  color: var(--mv-text-strong);
  font-weight: 700;
  margin: 0 0 10px 0;
  text-align: left;
}
.g-content.mv-footer-menu--light .g-menu-item-title, .moduletable.mv-footer-menu--light .g-menu-item-title, .mv-footer-menu--light .g-menu-item-title {
  color: var(--mv-text) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  display: block !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
  text-align: left !important;
}
.g-content.mv-footer-menu--light .g-menu-item-container:hover .g-menu-item-title, .g-content.mv-footer-menu--light .g-menu-item-content:hover .g-menu-item-title, .moduletable.mv-footer-menu--light .g-menu-item-container:hover .g-menu-item-title, .moduletable.mv-footer-menu--light .g-menu-item-content:hover .g-menu-item-title, .mv-footer-menu--light .g-menu-item-container:hover .g-menu-item-title, .mv-footer-menu--light .g-menu-item-content:hover .g-menu-item-title {
  color: var(--mv-hover) !important;
  text-decoration: none !important;
}
.g-content.mv-footer-menu--light a.g-menu-item-container:hover, .g-content.mv-footer-menu--light a:hover, .moduletable.mv-footer-menu--light a.g-menu-item-container:hover, .moduletable.mv-footer-menu--light a:hover, .mv-footer-menu--light a.g-menu-item-container:hover, .mv-footer-menu--light a:hover {
  color: var(--mv-hover) !important;
  text-decoration: none !important;
}
.g-content.mv-footer-menu--light ul li span:not(.g-menu-item-title), .moduletable.mv-footer-menu--light ul li span:not(.g-menu-item-title), .mv-footer-menu--light ul li span:not(.g-menu-item-title) {
  color: var(--mv-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  text-align: left;
}
/* ======= 3) O NAMA – TAMNA POZADINA ======= */
.g-content.mv-footer-about--dark, .moduletable.mv-footer-about--dark, .mv-footer-about--dark {
  --mv-text: rgba(255,255,255,0.88);
  --mv-text-strong: #ffffff;
  color: var(--mv-text);
  text-align: left;
}
.g-content.mv-footer-about--dark .g-title, .g-content.mv-footer-about--dark h3.g-title, .g-content.mv-footer-about--dark h3, .moduletable.mv-footer-about--dark .g-title, .moduletable.mv-footer-about--dark h3.g-title, .moduletable.mv-footer-about--dark h3, .mv-footer-about--dark .g-title, .mv-footer-about--dark h3.g-title, .mv-footer-about--dark h3 {
  color: var(--mv-text-strong);
  font-weight: 700;
  margin: 0 0 10px 0;
  text-align: left;
}
.g-content.mv-footer-about--dark .mv-company, .moduletable.mv-footer-about--dark .mv-company, .mv-footer-about--dark .mv-company {
  font-weight: 900;
  font-size: 18px;
  color: var(--mv-text-strong);
  text-align: left;
  margin-bottom: 0.5rem;
}
.g-content.mv-footer-about--dark p, .moduletable.mv-footer-about--dark p, .mv-footer-about--dark p {
  color: var(--mv-text);
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  text-align: left;
}
/* ======= 4) O NAMA – SVIJETLA POZADINA ======= */
.g-content.mv-footer-about--light, .moduletable.mv-footer-about--light, .mv-footer-about--light {
  --mv-text: rgba(15,23,42,0.88);
  --mv-text-strong: #0f172a;
  color: var(--mv-text);
  text-align: left;
}
.g-content.mv-footer-about--light .g-title, .g-content.mv-footer-about--light h3.g-title, .g-content.mv-footer-about--light h3, .moduletable.mv-footer-about--light .g-title, .moduletable.mv-footer-about--light h3.g-title, .moduletable.mv-footer-about--light h3, .mv-footer-about--light .g-title, .mv-footer-about--light h3.g-title, .mv-footer-about--light h3 {
  color: var(--mv-text-strong);
  font-weight: 700;
  margin: 0 0 10px 0;
  text-align: left;
}
.g-content.mv-footer-about--light .mv-company, .moduletable.mv-footer-about--light .mv-company, .mv-footer-about--light .mv-company {
  font-weight: 900;
  font-size: 18px;
  color: var(--mv-text-strong);
  text-align: left;
  margin-bottom: 0.5rem;
}
.g-content.mv-footer-about--light p, .moduletable.mv-footer-about--light p, .mv-footer-about--light p {
  color: var(--mv-text);
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  text-align: left;
}
/* ======= 5) RESPONSIVE ======= */
@media (max-width: 768px) {
  /* FOOTER MENU – tamni i svijetli */
  /* FOOTER ABOUT – tamni i svijetli */
  /* Veličine fonta kao što si već stavio */
  .mv-footer-menu--dark, .mv-footer-menu--light {
    text-align: center !important;
  }
  .mv-footer-menu--dark .g-menu, .mv-footer-menu--light .g-menu, .mv-footer-menu--dark .g-title, .mv-footer-menu--light .g-title, .mv-footer-menu--dark .g-menu-item-title, .mv-footer-menu--light .g-menu-item-title, .mv-footer-menu--dark ul li span:not(.g-menu-item-title), .mv-footer-menu--light ul li span:not(.g-menu-item-title) {
    text-align: center !important;
  }
  .mv-footer-about--dark, .mv-footer-about--light {
    text-align: center !important;
  }
  .mv-footer-about--dark .g-title, .mv-footer-about--light .g-title, .mv-footer-about--dark .mv-company, .mv-footer-about--light .mv-company, .mv-footer-about--dark p, .mv-footer-about--light p {
    text-align: center !important;
  }
  .mv-footer-about--dark .mv-company, .mv-footer-about--light .mv-company {
    font-size: 17px;
  }
  .mv-footer-about--dark p, .mv-footer-about--light p {
    font-size: 14px;
    line-height: 1.4;
  }
}
/* Copyright – footer bottom */
.mv-footer-copy {
  margin: 0;
  padding: 12px 0;
  font-size: 14px;
  color: #ccc;
  text-align: center;
}
.mv-footer-copy a {
  color: #ff6600;
  text-decoration: none;
  transition: color 0.3s ease;
}
.mv-footer-copy a:hover {
  color: #fff;
}
/* ===============================
   MV Logistic – Landing Grid (Podkategorije)
   =============================== */
.mv-subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  margin-top: 64px;
  padding: 0 16px;
}
.mv-subcategories article.mv-subcat {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.mv-subcategories article.mv-subcat:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.mv-subcategories article.mv-subcat a.mv-subcat__image {
  display: block;
  padding: 8px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, #f4f4f4, #ffffff);
  position: relative;
}
.mv-subcategories article.mv-subcat a.mv-subcat__image.mv-snake::before {
  /* Snake border is defined globally in layout.scss */
}
.mv-subcategories article.mv-subcat a.mv-subcat__image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain !important;
  margin: 0 auto;
  border-radius: 8px;
  z-index: 1;
}
.mv-subcategories article.mv-subcat .mv-subcat__title {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 700;
  text-align: center;
  margin: 16px;
}
.mv-subcategories article.mv-subcat .mv-subcat__title a {
  color: #111;
  text-decoration: none;
  transition: color 0.3s ease;
}
.mv-subcategories article.mv-subcat .mv-subcat__title a:hover {
  color: var(--mv-brand, #ff6600);
}
.mv-subcategories article.mv-subcat .mv-subcat__desc {
  font-size: 16px;
  line-height: 1.6;
  color: #4b5563;
  padding: 0 16px 20px;
  text-align: center;
}
@media (max-width: 480px) {
  .mv-subcategories {
    gap: 20px;
    margin-top: 40px;
  }
  .mv-subcategories .mv-subcat__desc {
    font-size: 15px;
  }
}
.mv-subcategories {
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
}
.mv-landing-wrapper {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 32px);
  padding-right: clamp(16px, 4vw, 32px);
}
/* ===============================
   MV Logistic – Naslov i glavna slika
   =============================== */
.mv-wrapper > h1 {
  text-align: center;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #1e1e1e;
}
.mv-main-category-image {
  display: block;
  margin: 0 auto;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.mv-main-category-image:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
.mv-main-category-image {
  display: block;
  margin: 40px auto;
  /* razmak gore i dolje */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.mv-main-category-image:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
/* ===============================
   MV Logistic – SUBFEATURE
   =============================== */
#g-subfeature, .g-subfeature {
  position: relative;
  padding: clamp(40px, 6vw, 80px) 0;
}
/* Glavni wrapper */
.mv-content-final__wrapper {
  position: relative;
  max-width: 1200px;
  margin: 70px auto;
  padding: 10px 40px;
}
/* Bijela podloga ispod teksta */
.mv-content-final__underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  z-index: 0;
  border-radius: 4px;
}
/* Tekstualni sadržaj iznad podloge */
.mv-content-final__intro {
  position: relative;
  z-index: 1;
  padding: 40px;
  background: transparent;
  color: #1e1e1e;
  font-family: "Inter", "Poppins", sans-serif;
  animation: fadeInUp 0.9s ease-out both;
}
/* Naslov */
.mv-content-final__intro h2 {
  font-size: clamp(26px, 4vw, 44px);
  font-weight: 800;
  line-height: 1.2;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  color: #0d2334;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
/* Paragraf */
.mv-content-final__intro p {
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.75;
  color: #2b2b2b;
  margin: 0 auto;
  text-align: center;
  max-width: 1000px;
}
/* Bold i italic */
.mv-content-final__intro strong {
  font-weight: 700;
  color: #000;
}
.mv-content-final__intro em {
  font-style: italic;
  color: #111;
}
/* Animacija */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Mobile */
@media (max-width: 768px) {
  .mv-content-final__wrapper {
    padding: 0 20px;
    margin: 40px auto;
  }
  .mv-content-final__intro {
    padding: 28px;
  }
  .mv-content-final__intro h2 {
    font-size: clamp(22px, 6vw, 32px);
    text-align: left;
  }
  .mv-content-final__intro p {
    font-size: 15px;
    text-align: left;
  }
}
/* ===============================
   MV Logistic – FAQ
   =============================== */
.mv-faq {
  padding: 100px 60px;
  color: #fff;
  font-family: "Poppins", sans-serif;
}
.mv-faq__title {
  text-align: center;
  margin-bottom: 20px;
}
.mv-faq__title h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
.mv-faq__title p {
  font-size: 16px;
  color: #aaa;
}
.mv-faq__list {
  max-width: 1200px;
  margin: 0 auto;
}
.mv-faq__item {
  background: #1a1a1a;
  margin-bottom: 16px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.mv-faq__item.active .mv-faq__answer {
  display: block;
}
.mv-faq__item.active .mv-faq__question::before {
  content: "-";
}
.mv-faq__question {
  position: relative;
  padding: 20px 60px 20px 50px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  background: #1a1a1a;
  transition: background 0.3s ease;
}
.mv-faq__question:hover {
  background: #222;
}
.mv-faq__question::before {
  content: "+";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #ff7e00;
  transition: 0.3s ease;
}
.mv-faq__answer {
  display: none;
  padding: 20px 30px 30px 50px;
  font-size: 16px;
  color: #eee;
  background: #161616;
  border-top: 1px solid #333;
  line-height: 1.6;
  animation: fadeIn 0.3s ease;
}
/* ======= FAQ Responsive ======= */
@media (max-width: 768px) {
  .mv-faq {
    padding: 40px 20px;
  }
  .mv-faq__title h2 {
    font-size: 24px;
  }
  .mv-faq__title p {
    font-size: 14px;
  }
  .mv-faq__question {
    padding: 16px 40px 16px 40px;
    font-size: 16px;
  }
  .mv-faq__answer {
    padding: 16px 20px 20px 40px;
    font-size: 14px;
  }
}
/* ================================
   MV Logistic – CTA blok (bijeli box 80%)
   ================================ */
.custom-cta-wrapper {
  background: transparent;
  /* jer je pozadina slika iz Gantryja */
  padding: clamp(40px, 6vw, 80px) 20px;
  margin: 40px auto;
  max-width: 1200px;
  text-align: center;
  position: relative;
}
.custom-cta-container {
  background: #ffffff;
  /* bijeli box */
  border-radius: 5px;
  padding: 40px 35px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  width: 80%;
  /* pokriva oko 80% širine modula */
  max-width: 950px;
  /* da ne ide preširoko na velikim ekranima */
  margin: 0 auto;
  /* centrirano */
}
.custom-cta-text h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: clamp(22px, 2.2vw, 28px);
  color: #1e1e1e;
  margin-bottom: 12px;
}
.custom-cta-text p {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.6;
  color: #444;
  margin-bottom: 20px;
}
.custom-cta-text .highlight {
  color: #ff6600;
  font-weight: 600;
}
.custom-cta-button .cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #ff6600;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 26px;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 102, 0, 0.4);
}
.custom-cta-button .cta-btn:hover {
  background: #e05500;
  transform: translateY(-2px);
}
.custom-cta-button .cta-btn i {
  font-size: 15px;
}
/* ================================
   Responsivnost
   ================================ */
@media (max-width: 768px) {
  .custom-cta-container {
    width: 95%;
    /* malo šire na mobitelu */
    padding: 25px 20px;
  }
  .custom-cta-text h3 {
    font-size: 20px;
  }
  .custom-cta-text p {
    font-size: 14px;
  }
  .custom-cta-button .cta-btn {
    font-size: 14px;
    padding: 10px 22px;
  }
}
/* ================================
   Content Pro – responsive FIXED MINIMAL (no double borders)
   ================================ */
.mv-content-final {
  padding: clamp(40px, 6vw, 80px) 0;
}
.mv-content-final__intro {
  max-width: 1600px;
  margin: 3rem auto 3rem;
  padding: 10px 1.5rem;
}
.mv-content-final__intro h2 {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #0f172a;
}
.mv-content-final__intro p {
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.7;
  color: #374151;
  margin-bottom: 1.2rem;
}
.mv-content-final .g-grid {
  --cp-gap: 2rem;
  --cp-min: 240px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--cp-min), 1fr));
  gap: var(--cp-gap);
}
.mv-content-final .g-block {
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  background: #fff;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* Fix: uklanja dupli okvir */
}
.mv-content-final .g-block * {
  border: none !important;
}
.mv-content-final .g-block:hover {
  border-color: #ff6600;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}
.mv-content-final .g-block h3 {
  font-weight: 600;
  color: #0f172a;
  order: 1;
  margin: 1rem 1rem 0.9rem;
}
.mv-content-final .g-block img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  order: 2;
  border: none;
}
@media (max-width: 767px) {
  .mv-content-final .g-grid {
    grid-template-columns: 1fr !important;
  }
  .mv-content-final .g-block:hover {
    transform: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mv-content-final .g-block {
    transition: none;
  }
  .mv-content-final .g-block:hover {
    transform: none;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
  }
}
.moduletable.mv-showcase {
  --mvsc-orange:#ff6600;
  --mvsc-text:#fff;
  --mvsc-muted:#e5e7eb;
  --mvsc-radius:14px;
  --mvsc-maxw:1200px;
  --mvsc-gap:16px;
  --mvsc-padY:clamp(32px,5vw,96px);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.moduletable.mv-showcase .mvsc {
  position: relative;
  isolation: isolate;
  color: var(--mvsc-text);
}
.moduletable.mv-showcase .mvsc__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.moduletable.mv-showcase .mvsc::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.55));
  z-index: -1;
}
/* fallback ako <img> nije poželjan; koristi inline varijablu */
.moduletable.mv-showcase .mvsc {
  background-image: var(--mvsc-bg);
  background-size: cover;
  background-position: center;
}
/* inner */
.moduletable.mv-showcase .mvsc__inner {
  max-width: var(--mvsc-maxw);
  padding: var(--mvsc-padY) 20px;
  margin: 0 auto;
}
/* heading */
.moduletable.mv-showcase .mvsc__title {
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1.1;
  margin: 0 0 10px 0;
}
.moduletable.mv-showcase .mvsc__desc {
  max-width: 72ch;
  margin: 0 0 22px 0;
  font-size: clamp(15px, 1.6vw, 18px);
  color: var(--mvsc-muted);
}
.moduletable.mv-showcase .mvsc__head {
  margin-bottom: 18px;
}
.moduletable.mv-showcase .mvsc__head::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  background: var(--mvsc-orange);
  border-radius: 2px;
  margin-top: 10px;
}
/* list */
.moduletable.mv-showcase .mvsc__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mvsc-gap);
}
@media (min-width: 768px) {
  .moduletable.mv-showcase .mvsc__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1100px) {
  .moduletable.mv-showcase .mvsc__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* chips bez linka */
.moduletable.mv-showcase .mvsc__list span {
  display: block;
  padding: 12px 14px;
  border-radius: var(--mvsc-radius);
  background: rgba(35, 31, 32, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-weight: 600;
  line-height: 1.25;
}
/* accessibility */
@media (prefers-contrast: more) {
  .moduletable.mv-showcase .mvsc::after {
    background: rgba(0, 0, 0, 0.65);
  }
  .moduletable.mv-showcase .mvsc__list span {
    border-color: rgba(255, 255, 255, 0.25);
  }
}
/* MV Technic: subfeature blok s neprozirnom tamnom pozadinom */
#mv-technic {
  --mv-orange: #ff6600;
  --mv-bg: #0b0d12;
  --mv-border: #1f2430;
  --mv-text: #ffffff;
  --mv-muted: #cbd5e1;
  --radius: 14px;
  color: var(--mv-text);
  background-color: var(--mv-bg);
  /* fiksna tamna pozadina, nema prozirnosti */
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.55;
}
#mv-technic .subfeature {
  padding: 48px 0;
}
#mv-technic .subfeature h2, #mv-technic .subfeature h3 {
  margin: 0 0 10px;
  color: var(--mv-text);
}
#mv-technic .subfeature p {
  margin: 0 0 10px;
  color: var(--mv-muted);
}
#mv-technic .subfeature a {
  color: var(--mv-orange);
  text-decoration: none;
}
#mv-technic .subfeature a:hover {
  text-decoration: underline;
}
#mv-technic .subfeature .grid, #mv-technic .subfeature .services .services__grid, .services #mv-technic .subfeature .services__grid, #mv-technic .subfeature .products .products__grid, .products #mv-technic .subfeature .products__grid {
  display: grid;
  gap: 22px;
}
#mv-technic .subfeature .grid.grid-3, #mv-technic .subfeature .services .grid-3.services__grid, .services #mv-technic .subfeature .grid-3.services__grid, #mv-technic .subfeature .products .grid-3.products__grid, .products #mv-technic .subfeature .grid-3.products__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 980px) {
  #mv-technic .subfeature .grid.grid-3, #mv-technic .subfeature .services .grid-3.services__grid, .services #mv-technic .subfeature .grid-3.services__grid, #mv-technic .subfeature .products .grid-3.products__grid, .products #mv-technic .subfeature .grid-3.products__grid {
    grid-template-columns: 1fr;
  }
}
#mv-technic .subfeature .card {
  background: #11141a;
  /* tamna kartica */
  border: 1px solid var(--mv-border);
  border-radius: var(--radius);
  overflow: hidden;
  display: grid;
  grid-template-rows: 180px auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
#mv-technic .subfeature .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#mv-technic .subfeature .card .card-body {
  padding: 16px;
  display: grid;
  gap: 8px;
}
#mv-technic .subfeature .card h3 a {
  color: var(--mv-text);
  text-decoration: none;
}
#mv-technic .subfeature .card h3 a:hover {
  color: var(--mv-orange);
}
.filter-sidebar {
  position: sticky;
  top: 2rem;
}
.filter-sidebar .filter-title {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.filter-sidebar .filter-group {
  margin-bottom: 1.5rem;
}
.filter-sidebar label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  color: #2f3339;
}
.filter-sidebar input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #ff6600;
}
/* ===============================
   MV Logistic – Landing Grid (Podkategorije)
   =============================== */
.mv-subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  margin-top: 64px;
  padding: 0 16px;
}
.mv-subcategories article.mv-subcat {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.mv-subcategories article.mv-subcat:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.mv-subcategories article.mv-subcat a.mv-subcat__image {
  display: block;
  padding: 8px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, #f4f4f4, #ffffff);
  position: relative;
}
.mv-subcategories article.mv-subcat a.mv-subcat__image.mv-snake::before {
  /* Snake border is defined globally in layout.scss */
}
.mv-subcategories article.mv-subcat a.mv-subcat__image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain !important;
  margin: 0 auto;
  border-radius: 8px;
  z-index: 1;
}
.mv-subcategories article.mv-subcat .mv-subcat__title {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 700;
  text-align: center;
  margin: 16px;
}
.mv-subcategories article.mv-subcat .mv-subcat__title a {
  color: #111;
  text-decoration: none;
  transition: color 0.3s ease;
}
.mv-subcategories article.mv-subcat .mv-subcat__title a:hover {
  color: var(--mv-brand, #ff6600);
}
.mv-subcategories article.mv-subcat .mv-subcat__desc {
  font-size: 16px;
  line-height: 1.6;
  color: #4b5563;
  padding: 0 16px 20px;
  text-align: center;
}
@media (max-width: 480px) {
  .mv-subcategories {
    gap: 20px;
    margin-top: 40px;
  }
  .mv-subcategories .mv-subcat__desc {
    font-size: 15px;
  }
}
.mv-subcategories {
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
}
.mv-landing-wrapper {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 32px);
  padding-right: clamp(16px, 4vw, 32px);
}
/* ===============================
   MV Logistic – Naslov i glavna slika
   =============================== */
.mv-wrapper > h1 {
  text-align: center;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #1e1e1e;
}
.mv-main-category-image {
  display: block;
  margin: 0 auto;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.mv-main-category-image:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
.mv-main-category-image {
  display: block;
  margin: 40px auto;
  /* razmak gore i dolje */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.mv-main-category-image:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
/* ===============================
   MV Logistic – SUBFEATURE
   =============================== */
#g-subfeature, .g-subfeature {
  position: relative;
  padding: clamp(40px, 6vw, 80px) 0;
}
/* Glavni wrapper */
.mv-content-final__wrapper {
  position: relative;
  max-width: 1200px;
  margin: 70px auto;
  padding: 10px 40px;
}
/* Bijela podloga ispod teksta */
.mv-content-final__underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  z-index: 0;
  border-radius: 4px;
}
/* Tekstualni sadržaj iznad podloge */
.mv-content-final__intro {
  position: relative;
  z-index: 1;
  padding: 40px;
  background: transparent;
  color: #1e1e1e;
  font-family: "Inter", "Poppins", sans-serif;
  animation: fadeInUp 0.9s ease-out both;
}
/* Naslov */
.mv-content-final__intro h2 {
  font-size: clamp(26px, 4vw, 44px);
  font-weight: 800;
  line-height: 1.2;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  color: #0d2334;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
/* Paragraf */
.mv-content-final__intro p {
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.75;
  color: #2b2b2b;
  margin: 0 auto;
  text-align: center;
  max-width: 1000px;
}
/* Bold i italic */
.mv-content-final__intro strong {
  font-weight: 700;
  color: #000;
}
.mv-content-final__intro em {
  font-style: italic;
  color: #111;
}
/* Animacija */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Mobile */
@media (max-width: 768px) {
  .mv-content-final__wrapper {
    padding: 0 20px;
    margin: 40px auto;
  }
  .mv-content-final__intro {
    padding: 28px;
  }
  .mv-content-final__intro h2 {
    font-size: clamp(22px, 6vw, 32px);
    text-align: left;
  }
  .mv-content-final__intro p {
    font-size: 15px;
    text-align: left;
  }
}
/* ===============================
   MV Logistic – FAQ
   =============================== */
.mv-faq {
  padding: 100px 60px;
  color: #fff;
  font-family: "Poppins", sans-serif;
}
.mv-faq__title {
  text-align: center;
  margin-bottom: 20px;
}
.mv-faq__title h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
.mv-faq__title p {
  font-size: 16px;
  color: #aaa;
}
.mv-faq__list {
  max-width: 1200px;
  margin: 0 auto;
}
.mv-faq__item {
  background: #1a1a1a;
  margin-bottom: 16px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.mv-faq__item.active .mv-faq__answer {
  display: block;
}
.mv-faq__item.active .mv-faq__question::before {
  content: "-";
}
.mv-faq__question {
  position: relative;
  padding: 20px 60px 20px 50px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  background: #1a1a1a;
  transition: background 0.3s ease;
}
.mv-faq__question:hover {
  background: #222;
}
.mv-faq__question::before {
  content: "+";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #ff7e00;
  transition: 0.3s ease;
}
.mv-faq__answer {
  display: none;
  padding: 20px 30px 30px 50px;
  font-size: 16px;
  color: #eee;
  background: #161616;
  border-top: 1px solid #333;
  line-height: 1.6;
  animation: fadeIn 0.3s ease;
}
/* ======= FAQ Responsive ======= */
@media (max-width: 768px) {
  .mv-faq {
    padding: 40px 20px;
  }
  .mv-faq__title h2 {
    font-size: 24px;
  }
  .mv-faq__title p {
    font-size: 14px;
  }
  .mv-faq__question {
    padding: 16px 40px 16px 40px;
    font-size: 16px;
  }
  .mv-faq__answer {
    padding: 16px 20px 20px 40px;
    font-size: 14px;
  }
}
/* ================================
   MV Logistic – CTA blok (bijeli box 80%)
   ================================ */
.custom-cta-wrapper {
  background: transparent;
  /* jer je pozadina slika iz Gantryja */
  padding: clamp(40px, 6vw, 80px) 20px;
  margin: 40px auto;
  max-width: 1200px;
  text-align: center;
  position: relative;
}
.custom-cta-container {
  background: #ffffff;
  /* bijeli box */
  border-radius: 5px;
  padding: 40px 35px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  width: 80%;
  /* pokriva oko 80% širine modula */
  max-width: 950px;
  /* da ne ide preširoko na velikim ekranima */
  margin: 0 auto;
  /* centrirano */
}
.custom-cta-text h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: clamp(22px, 2.2vw, 28px);
  color: #1e1e1e;
  margin-bottom: 12px;
}
.custom-cta-text p {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.6;
  color: #444;
  margin-bottom: 20px;
}
.custom-cta-text .highlight {
  color: #ff6600;
  font-weight: 600;
}
.custom-cta-button .cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #ff6600;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 26px;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 102, 0, 0.4);
}
.custom-cta-button .cta-btn:hover {
  background: #e05500;
  transform: translateY(-2px);
}
.custom-cta-button .cta-btn i {
  font-size: 15px;
}
/* ================================
   Responsivnost
   ================================ */
@media (max-width: 768px) {
  .custom-cta-container {
    width: 95%;
    /* malo šire na mobitelu */
    padding: 25px 20px;
  }
  .custom-cta-text h3 {
    font-size: 20px;
  }
  .custom-cta-text p {
    font-size: 14px;
  }
  .custom-cta-button .cta-btn {
    font-size: 14px;
    padding: 10px 22px;
  }
}
/* ================================
   Content Pro – responsive FIXED MINIMAL (no double borders)
   ================================ */
.mv-content-final {
  padding: clamp(40px, 6vw, 80px) 0;
}
.mv-content-final__intro {
  max-width: 1600px;
  margin: 3rem auto 3rem;
  padding: 10px 1.5rem;
}
.mv-content-final__intro h2 {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #0f172a;
}
.mv-content-final__intro p {
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.7;
  color: #374151;
  margin-bottom: 1.2rem;
}
.mv-content-final .g-grid {
  --cp-gap: 2rem;
  --cp-min: 240px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--cp-min), 1fr));
  gap: var(--cp-gap);
}
.mv-content-final .g-block {
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  background: #fff;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* Fix: uklanja dupli okvir */
}
.mv-content-final .g-block * {
  border: none !important;
}
.mv-content-final .g-block:hover {
  border-color: #ff6600;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}
.mv-content-final .g-block h3 {
  font-weight: 600;
  color: #0f172a;
  order: 1;
  margin: 1rem 1rem 0.9rem;
}
.mv-content-final .g-block img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  order: 2;
  border: none;
}
@media (max-width: 767px) {
  .mv-content-final .g-grid {
    grid-template-columns: 1fr !important;
  }
  .mv-content-final .g-block:hover {
    transform: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mv-content-final .g-block {
    transition: none;
  }
  .mv-content-final .g-block:hover {
    transform: none;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
  }
}
.moduletable.mv-showcase {
  --mvsc-orange:#ff6600;
  --mvsc-text:#fff;
  --mvsc-muted:#e5e7eb;
  --mvsc-radius:14px;
  --mvsc-maxw:1200px;
  --mvsc-gap:16px;
  --mvsc-padY:clamp(32px,5vw,96px);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.moduletable.mv-showcase .mvsc {
  position: relative;
  isolation: isolate;
  color: var(--mvsc-text);
}
.moduletable.mv-showcase .mvsc__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.moduletable.mv-showcase .mvsc::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.55));
  z-index: -1;
}
/* fallback ako <img> nije poželjan; koristi inline varijablu */
.moduletable.mv-showcase .mvsc {
  background-image: var(--mvsc-bg);
  background-size: cover;
  background-position: center;
}
/* inner */
.moduletable.mv-showcase .mvsc__inner {
  max-width: var(--mvsc-maxw);
  padding: var(--mvsc-padY) 20px;
  margin: 0 auto;
}
/* heading */
.moduletable.mv-showcase .mvsc__title {
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1.1;
  margin: 0 0 10px 0;
}
.moduletable.mv-showcase .mvsc__desc {
  max-width: 72ch;
  margin: 0 0 22px 0;
  font-size: clamp(15px, 1.6vw, 18px);
  color: var(--mvsc-muted);
}
.moduletable.mv-showcase .mvsc__head {
  margin-bottom: 18px;
}
.moduletable.mv-showcase .mvsc__head::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  background: var(--mvsc-orange);
  border-radius: 2px;
  margin-top: 10px;
}
/* list */
.moduletable.mv-showcase .mvsc__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mvsc-gap);
}
@media (min-width: 768px) {
  .moduletable.mv-showcase .mvsc__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1100px) {
  .moduletable.mv-showcase .mvsc__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* chips bez linka */
.moduletable.mv-showcase .mvsc__list span {
  display: block;
  padding: 12px 14px;
  border-radius: var(--mvsc-radius);
  background: rgba(35, 31, 32, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-weight: 600;
  line-height: 1.25;
}
/* accessibility */
@media (prefers-contrast: more) {
  .moduletable.mv-showcase .mvsc::after {
    background: rgba(0, 0, 0, 0.65);
  }
  .moduletable.mv-showcase .mvsc__list span {
    border-color: rgba(255, 255, 255, 0.25);
  }
}
/* MV Technic: subfeature blok s neprozirnom tamnom pozadinom */
#mv-technic {
  --mv-orange: #ff6600;
  --mv-bg: #0b0d12;
  --mv-border: #1f2430;
  --mv-text: #ffffff;
  --mv-muted: #cbd5e1;
  --radius: 14px;
  color: var(--mv-text);
  background-color: var(--mv-bg);
  /* fiksna tamna pozadina, nema prozirnosti */
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.55;
}
#mv-technic .subfeature {
  padding: 48px 0;
}
#mv-technic .subfeature h2, #mv-technic .subfeature h3 {
  margin: 0 0 10px;
  color: var(--mv-text);
}
#mv-technic .subfeature p {
  margin: 0 0 10px;
  color: var(--mv-muted);
}
#mv-technic .subfeature a {
  color: var(--mv-orange);
  text-decoration: none;
}
#mv-technic .subfeature a:hover {
  text-decoration: underline;
}
#mv-technic .subfeature .grid, #mv-technic .subfeature .services .services__grid, .services #mv-technic .subfeature .services__grid, #mv-technic .subfeature .products .products__grid, .products #mv-technic .subfeature .products__grid {
  display: grid;
  gap: 22px;
}
#mv-technic .subfeature .grid.grid-3, #mv-technic .subfeature .services .grid-3.services__grid, .services #mv-technic .subfeature .grid-3.services__grid, #mv-technic .subfeature .products .grid-3.products__grid, .products #mv-technic .subfeature .grid-3.products__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 980px) {
  #mv-technic .subfeature .grid.grid-3, #mv-technic .subfeature .services .grid-3.services__grid, .services #mv-technic .subfeature .grid-3.services__grid, #mv-technic .subfeature .products .grid-3.products__grid, .products #mv-technic .subfeature .grid-3.products__grid {
    grid-template-columns: 1fr;
  }
}
#mv-technic .subfeature .card {
  background: #11141a;
  /* tamna kartica */
  border: 1px solid var(--mv-border);
  border-radius: var(--radius);
  overflow: hidden;
  display: grid;
  grid-template-rows: 180px auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
#mv-technic .subfeature .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#mv-technic .subfeature .card .card-body {
  padding: 16px;
  display: grid;
  gap: 8px;
}
#mv-technic .subfeature .card h3 a {
  color: var(--mv-text);
  text-decoration: none;
}
#mv-technic .subfeature .card h3 a:hover {
  color: var(--mv-orange);
}
.mv-product {
  padding: clamp(24px, 4vw, 64px) 0;
  color: #0f172a;
}
.mv-product__title {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  margin-bottom: 1rem;
  color: #0f172a;
}
.mv-product__pricebox {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.mv-product__pricebox .mv-product__price {
  font-weight: 600;
}
.mv-product__pricebox .mv-product__delivery--free {
  color: #ff0000;
  font-weight: 600;
}
.mv-product__desc {
  font-size: 1rem;
  margin-bottom: 2rem;
  line-height: 1.6;
}
.mv-product__cta {
  margin: 2rem 0;
}
.mv-product__cta .mv-btn {
  background-color: #ff7e00;
  color: #fff;
  padding: 0.75rem 2rem;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
}
.mv-product__specs {
  margin-top: 2rem;
}
.mv-product__specs h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.mv-product__specs .mv-specs-table {
  width: 100%;
  border-collapse: collapse;
}
.mv-product__specs .mv-specs-table th, .mv-product__specs .mv-specs-table td {
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  text-align: left;
}
.mv-product__specs .mv-specs-table th {
  background-color: #f9f9f9;
  width: 40%;
  font-weight: 600;
}
.mv-product__gallery, .mv-product__docs, .mv-product__video {
  margin-top: 3rem;
}
.mv-product__video .mv-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.mv-product__video .mv-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ald-wrap {
  overflow-x: auto;
  margin-top: 3rem;
}
.ald-wrap table.ald-specs {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}
.ald-wrap table.ald-specs thead th {
  background-color: #eaeaea;
  text-align: center;
  font-weight: 600;
  padding: 0.75rem 1rem;
}
.ald-wrap table.ald-specs tbody th {
  background-color: #f9f9f9;
  font-weight: 500;
  vertical-align: middle;
}
.ald-wrap table.ald-specs th, .ald-wrap table.ald-specs td {
  border: 1px solid #ddd;
  padding: 0.65rem 0.9rem;
  text-align: center;
}
.ald-wrap table.ald-specs .row-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ald-wrap table.ald-specs .row-label svg {
  width: 20px;
  height: 20px;
  stroke: #444;
}
.ald-wrap table.ald-specs .row-label span {
  font-weight: 500;
}
.ald-wrap table.ald-specs .subcol {
  background-color: #fffbe5;
  font-weight: 600;
}
.ald-wrap table.ald-specs .subhead {
  text-align: left;
  font-style: italic;
  background-color: #f0f0f0;
  padding: 1rem;
  font-size: 0.9rem;
}
h2 {
  font-size: 20px;
  margin-top: 30px;
}
.product-price-container .sale-price {
  font-size: 15px;
}
#g-page-surround .btn, #g-offcanvas .btn {
  padding: 0.5rem 0.5rem;
  border-radius: 0.3875rem;
  line-height: 1.5;
  font-size: 14px;
}
h4.product-filter-heading {
  font-size: 16px;
  font-weight: 400;
}
.product-filter-group {
  margin-top: 13px;
}
label, input, button, select, textarea {
  font-size: 14px;
  font-weight: 500;
  line-height: 31px;
}
.additional-image-list li {
  list-style-type: none;
  display: inline;
  float: inline-start;
  margin-top: 20px;
  padding: 5px;
}
.j2store-product-images {
  height: 275px;
}
@media only all and (max-width: 47.99rem) {
  .j2store-product-images {
    height: auto;
  }
}
:root {
  --brand-color: #ff6600;
  --dark-gray: #231f20;
}
.mv-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}
.mv-table th, .mv-table td {
  border: 1px solid #ddd;
  padding: 0.75rem;
  text-align: center;
}
.mv-table thead th {
  background: var(--brand-color);
  /* narančasta */
  color: #000;
  /* crna slova */
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 1.2;
  white-space: nowrap;
}
.mv-table tbody td:first-child, .mv-table tfoot th:first-child {
  background: var(--dark-gray);
  /* tamnosiva */
  color: var(--brand-color);
  /* narančasta slova */
  font-weight: 600;
  text-align: left;
  padding-left: 1rem;
  font-size: 0.85rem;
  line-height: 1.3;
}
.mv-table tbody tr:nth-child(even) td:not(:first-child) {
  background: #fafafa;
  /* zebra efekt */
}
.mv-table tfoot {
  background: #f7f7f7;
  font-weight: 600;
}
input[type="checkbox"], input[type="radio"] {
  margin-right: 6px !important;
}
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 omjer */
  height: 0;
  overflow: hidden;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* MV Logistic — Specifikacije proizvoda (galerija ikona) */
.mv-techspecs {
  --thumb: 110px;
  /* veličina sličice */
  --gap: 14px;
  /* razmak */
  color: #0f172a;
}
.mv-techspecs__title {
  margin: 0 0 0.75rem 0;
  font-weight: 700;
  font-size: clamp(16px, 2.6vw, 18px);
  letter-spacing: 0.02em;
}
.mv-techspecs__grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--gap);
  margin: 0;
  padding: 0;
}
.mv-techspecs__item {
  margin: 0;
}
.mv-techspecs__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.mv-techspecs__figure {
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 10px;
  background: #fff;
  text-align: center;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.mv-techspecs__img {
  width: var(--thumb);
  height: var(--thumb);
  object-fit: contain;
  aspect-ratio: 1;
  display: block;
  margin: 0 auto 0.5rem auto;
  transition: transform 0.18s ease;
  will-change: transform;
}
.mv-techspecs__caption {
  font-size: 12.5px;
  line-height: 1.3;
  min-height: 2.6em;
  /* dvije linije */
}
.mv-techspecs__figure:hover, .mv-techspecs__figure:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(2, 6, 23, 0.08);
  border-color: rgba(255, 102, 0, 0.35);
  /* MV narančasta naglasak */
}
.mv-techspecs__figure:hover .mv-techspecs__img, .mv-techspecs__figure:focus-within .mv-techspecs__img {
  transform: scale(1.04);
}
/* Kompaktno na mobitelima */
@media (max-width: 480px) {
  .mv-techspecs {
    --thumb: 88px;
    --gap: 10px;
  }
  .mv-techspecs__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .mv-techspecs__caption {
    font-size: 12px;
  }
}
.jattachment .jfile + .jfile {
  border-top: 0px solid rgba(0, 0, 0, 0.2);
}
.jattachment {
  border: 0px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
}
.jfile .__name {
  font-weight: 500;
}
/* MV Logistic — Ikone i certifikati */
.mv-certificates {
  text-align: center;
  margin-top: 1.5rem;
}
.mv-certificates__text {
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: clamp(15px, 2.5vw, 17px);
  color: #0f172a;
}
.mv-certificates__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  margin: 0;
  padding: 0;
}
.mv-certificates__item img {
  height: auto;
  max-height: 90px;
  transition: transform 0.18s ease;
}
.mv-certificates__item:hover img {
  transform: scale(1.05);
}
#j2store-slider-range .ui-slider-handle {
  background: #ff6600;
}
#j2store-slider-range .ui-slider-range {
  background-color: #ff6600;
}
#g-page-surround .btn.btn-success:hover, #g-page-surround .btn.btn-success:active, #g-page-surround .btn.btn-success:focus, #g-offcanvas .btn.btn-success:hover, #g-offcanvas .btn.btn-success:active, #g-offcanvas .btn.btn-success:focus {
  background: #ff6600;
  border-color: #ff6600;
}
#g-page-surround .btn.btn-success, #g-offcanvas .btn.btn-success {
  color: #ffffff;
  background: #231f20;
  border-color: #231f20;
}
/* CART MODULE STYLING */
.mv-cart .j2store-cart {
  position: relative;
  display: inline-block;
}
.mv-cart .j2store-cart-button {
  background-color: #ff6600;
  /* MV Logistic narančasta */
  border: none;
  border-radius: 6px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mv-cart .j2store-cart-button i, .mv-cart .j2store-cart-button .fa-shopping-cart {
  color: #000;
  /* crna ikona košarice */
  font-size: 20px;
}
/* BROJAČ */
.mv-cart .j2store-cart-qty {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #000;
  /* crni krug */
  color: #fff;
  /* bijeli broj */
  font-size: 12px;
  font-weight: 600;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* sakrij kad je prazna kosarica */
.mv-cart .j2store-cart-qty:empty, .mv-cart .j2store-cart-qty:contains("0") {
  display: none;
}
/* Ne zbijaj stupce */
.mv-table {
  table-layout: auto;
}
/* 1. stupac ikona ostaje fiksan */
.mv-table td:first-child, .mv-table th:first-child {
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  vertical-align: middle;
  padding: 0.5rem;
}
/* 2. stupac (nazivi) dobije prostor i normalno prelamanje */
.mv-table td:nth-child(2), .mv-table th:nth-child(2) {
  min-width: 180px;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
/* Ostali stupci dobiju minimalnu širinu da se ne lome u 2–3 reda */
.mv-table td:nth-child(n+3), .mv-table th:nth-child(n+3) {
  min-width: 64px;
  white-space: nowrap;
}
/* Omogući vodoravni scroll na malim širinama */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
  /* prisili scroll umjesto zbijanja */
  .mv-table {
    min-width: 720px;
  }
  .mv-table td, .mv-table th {
    padding: 0.5rem;
    line-height: 1.25;
  }
  .mv-table thead th {
    font-size: 0.75rem;
  }
}
/* ===========================
   ProTUBE – zajednički CSS za sve tablice
   =========================== */
.ptb {
  --ptb-brand: #ff6600;
  --ptb-dark:  #231f20;
  /* ========== GLOBALNA POSTAVKA ZA SVE PTB TABLICE ========== */
  /* ========== SPECIFIKACIJA ========== */
  /* ========== KONFIGURACIJA PO MODELU ========== */
  /* DIMENZIJE I MASA – fleksibilno */
  /* BROJČANI STUPCI – ravnomjerni layout */
  /* ========== RESPONSIVNOST ========== */
}
.ptb .ptb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  table-layout: fixed;
}
.ptb .ptb-table th, .ptb .ptb-table td {
  border: 1px solid #ddd;
  padding: 0.75rem;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.ptb .ptb-table thead th {
  background: var(--ptb-brand);
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 1.2;
}
.ptb .ptb-table tbody tr:nth-child(even) td:not(:first-child) {
  background: #fafafa;
}
.ptb .ptb-table tfoot {
  background: #f7f7f7;
  font-weight: 600;
}
.ptb .ptb-table tfoot th[colspan] {
  text-align: right;
}
.ptb .ptb-specs tbody td:first-child {
  background: var(--ptb-dark);
  color: var(--ptb-brand);
  font-weight: 700;
  white-space: normal;
  overflow-wrap: anywhere;
}
.ptb .ptb-config tbody td:first-child {
  background: var(--ptb-dark);
  color: var(--ptb-brand);
  font-weight: 700;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 0.875rem;
}
.ptb .ptb-config .ptb-col-icon {
  width: 80px;
  min-width: 80px;
}
.ptb .ptb-config .ptb-col-icon img {
  display: block;
  width: auto;
  height: 4rem;
  object-fit: contain;
  margin: 0 auto;
}
.ptb .ptb-config td:nth-child(3), .ptb .ptb-config th:nth-child(3), .ptb .ptb-config td:nth-child(4), .ptb .ptb-config th:nth-child(4) {
  min-width: 140px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.ptb .ptb-config td:nth-child(n+5), .ptb .ptb-config th:nth-child(n+5) {
  width: 64px;
  min-width: 64px;
  max-width: 64px;
}
.ptb .ptb-config tfoot th {
  background: #f7f7f7;
  color: #000;
  font-weight: 600;
  white-space: nowrap;
}
.ptb .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1024px) {
  .ptb .ptb-table {
    min-width: 1200px;
  }
  .ptb .ptb-table th, .ptb .ptb-table td {
    padding: 0.5rem;
    font-size: 0.85rem;
  }
  .ptb .ptb-table thead th {
    font-size: 0.75rem;
  }
}
/* sakrij sve UI elemente za opciju 'Dostava' */
.j2store .product-option, .j2store .j2store-product-options {
  /* ovo će sakriti sve opcije; ako želiš granularno, koristi JS dolje */
}
.g-title::after {
  display: inline-block;
  content: "";
  font-size: 50%;
  letter-spacing: 5px;
  color: #e2e2e2;
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-left: 25px;
}
.g-logo {
  margin-bottom: 17px !important;
}
#g-intro h1, #g-intro h2, #g-intro h3, #g-intro h4, #g-intro h5, #g-intro h6, #g-intro strong {
  color: #fff;
  text-align: center;
}
/* ================================
   MV Logistic – MAX WIDTH WRAPPER
   ================================ */
.g-content.mv-maxwidth--1600, .moduletable.mv-maxwidth--1600 {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-sizing: border-box;
}
.mv-hero {
  position: relative;
  width: 100%;
  height: clamp(400px, 70vh, 680px);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 35%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0) 100%), url('../../../../images/background/mv-background.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 1;
}
.mv-hero .mv-hero__overlay {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 clamp(16px, 6vw, 96px);
}
.mv-hero .mv-hero__content {
  max-width: 600px;
  color: #fff;
  text-align: left;
}
@media (max-width: 768px) {
  .mv-hero .mv-hero__content {
    max-width: 100%;
  }
}
.mv-hero .mv-hero__title {
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(48px, 8vw, 92px);
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.1;
  color: #ffffff !important;
  margin: 0 0 20px 0;
}
.mv-hero .mv-hero__subtitle {
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.4vw, 20px);
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 30px;
}
.mv-hero .mv-hero__cta {
  display: inline-block;
  background-color: #ff6600;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 14px 26px;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.mv-hero .mv-hero__cta:hover {
  background-color: #cc5200;
}
/* Ograniči širinu za listing podkategorija */
.mv-wrapper {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 64px);
  padding-right: clamp(16px, 4vw, 64px);
}
.mv-snake__title {
  font-family: "Poppins", sans-serif;
  font-size: clamp(28px, 5vw, 46px);
  font-weight: 700;
  color: #ffffff !important;
  text-align: center;
  margin: 0 auto 60px auto;
  max-width: 1200px;
  padding: 0 20px;
}
/* ======================================
   Cover pozadine
   ====================================== */
#g-subfeature {
  background-size: cover;
}
#g-additional {
  background-size: cover;
}
#g-extension {
  background-size: cover;
}
@media (max-width: 768px) {
  #g-extension {
    background-position: right center;
    /* fokus desno */
  }
}
/* ======================================
   MV Snake – strelice ispod Content PRO
   ====================================== */
.mv-snake .g-particle-navigation {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.mv-snake .g-particle-navigation {
  margin: 60px auto 60px auto;
}
.mv-snake .uk-slidenav {
  position: static !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  color: #ff7e00;
  background: transparent;
  border-radius: 1px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
.mv-snake .uk-slidenav:hover {
  background: #ff7e00;
  color: #000000;
}
.mv-snake .uk-slidenav, .mv-snake .uk-slidenav-previous, .mv-snake .uk-slidenav-next {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
}
/* ===============================
   MV Snake – prisilno vidljive strelice (UIkit slider fix)
   =============================== */
.mv-snake .uk-slidenav, .mv-snake .uk-slidenav-previous, .mv-snake .uk-slidenav-next {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}
.mv-snake .uk-slidenav-position, .mv-snake .uk-slidenav-container {
  opacity: 1 !important;
  visibility: visible !important;
}
.mv-cat-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #404040 !important;
  font-family: "Poppins", sans-serif;
  text-align: center;
  margin-top: 1rem;
}
.mv-cat-title a {
  color: #404040 !important;
  text-decoration: none;
  transition: all 0.3s ease;
}
.mv-cat-title a:hover {
  color: #ff7e00 !important;
}
.mv-snake .uk-slider {
  min-height: 650px !important;
}
.j2store-cart-module {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.j2store-cart-module i.fa, .j2store-cart-module i.fa-solid {
  font-size: 1.6rem;
  color: #ff7e00 !important;
  transition: color 0.3s ease;
  margin-right: 0.4rem;
}
.j2store-cart-module i.fa:hover {
  color: #ff7e00 !important;
}
.j2store-cart-module .cart-item-count {
  font-size: 1.2rem !important;
  font-weight: 600;
  color: #ff7e00 !important;
  line-height: 1;
  display: inline-block;
  min-width: 1.4rem;
  text-align: center;
}
.cart-item-count {
  background: #000 none repeat scroll 0 0;
  border-radius: 10px;
  display: inline-block;
  font-size: 15px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  width: 30px;
}
/* Joomla body scope za J2Store proizvod */
/* Sakriva samo naslov "Opis" i sivu liniju ispod njega */
.com_j2store.view-products .nav-tabs, .com_j2store.view-products .nav-tabs li, .com_j2store.view-products .nav-tabs li a {
  display: none !important;
  border: 0 !important;
}
/* Uklanja sivu liniju koja dolazi s border-bottom */
.com_j2store.view-products .nav-tabs {
  border-bottom: none !important;
}
/* HEADER */
.item-page #j2store-product-detail-tab #description .product-ldesc table.ptb-table.ptb-specs thead tr > th {
  background: #ff6600 !important;
  color: #231f20 !important;
  background-image: none !important;
  box-shadow: none !important;
}
/* PRVI STUPAC – neutraliziraj zebra pravila */
.item-page #j2store-product-detail-tab #description .product-ldesc table.ptb-table.ptb-specs tbody tr > td:first-child {
  background: #231f20 !important;
  color: #ff6600 !important;
  font-weight: 700 !important;
}
.item-page #j2store-product-detail-tab #description .product-ldesc table.ptb-table.ptb-specs tbody tr:nth-child(odd) > td:first-child, .item-page #j2store-product-detail-tab #description .product-ldesc table.ptb-table.ptb-specs tbody tr:nth-child(even) > td:first-child {
  background: #231f20 !important;
}
.mv-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 1.5rem;
}
.mv-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}
.mv-list li::before {
  content: "•";
  color: #ff6600;
  position: absolute;
  left: 0;
}
/* ===== Static 2-item "mv-snake" bez slidera ===== */
.mv-snake.mv-snake-static .mv-snake-static-list {
  gap: 64px;
  margin: 0;
  /* normalan razmak */
  padding: 28px 0;
  list-style: none;
}
/* kartica i poravnanje naslova */
.mv-snake.mv-snake-static .g-content-pro-item {
  text-align: center;
}
.mv-snake.mv-snake-static .g-content-pro-title {
  margin-top: 14px;
}
/* okvir slike: bez obruba u mirovanju, fiksne dimenzije okvira */
.mv-snake.mv-snake-static .g-content-pro-image a {
  display: block;
  width: 390px;
  height: 540px;
  /* VEĆE slike */
  margin: 0 auto;
  background: #fff;
  box-shadow: none;
  transition: box-shadow 0.25s ease;
  /* nema crnog ruba */
  overflow: hidden;
}
.mv-snake.mv-snake-static .g-content-pro-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none !important;
  /* bez povećanja */
}
/* centriranje grida responsivno */
@media (max-width: 992px) {
  .mv-snake.mv-snake-static .g-content-pro-image a {
    width: 300px;
    height: 360px;
  }
  .mv-snake.mv-snake-static .mv-snake-static-list {
    gap: 48px;
  }
}
@media (max-width: 640px) {
  .mv-snake.mv-snake-static .g-content-pro-image a {
    width: 86vw;
    height: calc(.8 * 86vw);
  }
  .mv-snake.mv-snake-static .mv-snake-static-list {
    gap: 28px;
  }
}
#g-page-surround #frame.outline form#form-login input.inputbox, #g-page-surround #frame.outline form#form-login input[type="text"], #g-page-surround #frame.outline form#form-login input[type="password"] {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  box-shadow: none;
  padding: 20px;
  border-radius: 3px;
  width: 100%;
  max-width: 480px;
  /* po potrebi 520–560px */
  box-sizing: border-box;
}
.mv-video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}
.mv-video-thumb {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
}
.mv-video-thumb img {
  width: 100%;
  display: block;
  transition: transform 0.2s;
}
.mv-video-thumb:hover img {
  transform: scale(1.03);
}
.mv-video-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
}
.mv-video-play::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 22px;
  border-style: solid;
  border-width: 10px 0 10px 18px;
  border-color: transparent transparent transparent #fff;
}
.mv-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.mv-popup-content {
  position: relative;
  width: 90%;
  max-width: 900px;
  aspect-ratio: 1.7777777778;
}
.mv-popup-content iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0.5rem;
}
.mv-close {
  position: absolute;
  top: -36px;
  right: 0;
  font-size: 2rem;
  color: #fff;
  background: 0 0;
  border: 0;
  cursor: pointer;
}
/* Grid: 4 u redu na desktopu, responzivno niže */
.mv-video-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
  .mv-video-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .mv-video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .mv-video-grid {
    grid-template-columns: 1fr;
  }
}
/* Thumbnail + overlay (radi s tvojim JS-om koji automatski dodaje <img>) */
.mv-video-popup {
  position: relative;
  display: block;
  border-radius: 0.5rem;
  overflow: hidden;
}
.mv-video-popup img {
  width: 100%;
  display: block;
  transition: transform 0.2s;
}
.mv-video-popup:hover img {
  transform: scale(1.03);
}
/* Play gumb ako tvoj JS dodaje .mv-video-play span */
.mv-video-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
}
.mv-video-play::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 22px;
  border-style: solid;
  border-width: 10px 0 10px 18px;
  border-color: transparent transparent transparent #fff;
}
/* Naslov ispod svake sličice, čita se iz title atributa */
.mv-video-popup::after {
  content: attr(title);
  display: block;
  margin-top: 0.45rem;
  font-size: 0.95rem;
  line-height: 1.35;
  color: #111;
}
/* Popup koji već koristiš */
.mv-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.mv-popup-content {
  position: relative;
  width: 90%;
  max-width: 900px;
  aspect-ratio: 1.7777777778;
}
.mv-popup-content iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0.5rem;
}
.mv-close {
  position: absolute;
  top: -36px;
  right: 0;
  font-size: 2rem;
  color: #fff;
  background: 0 0;
  border: 0;
  cursor: pointer;
}
/* Grid */
.mv-hub__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mv-hub__item {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
/* Kartica koja vodi na puni članak */
.mv-card {
  display: block;
  text-decoration: none;
  color: inherit;
}
.mv-card img {
  width: 100%;
  height: auto;
  display: block;
}
.mv-card__title {
  margin: 10px 12px 12px 12px;
  font-size: 1.05rem;
  line-height: 1.25;
}
.mv-card:focus .mv-card__title, .mv-card:hover .mv-card__title {
  color: #ff6600;
}
/* Accordion dio za “Prikaži ovdje” */
.mv-acc {
  border-top: 1px solid #f1f5f9;
}
.mv-acc__summary {
  list-style: none;
}
.mv-acc__summary::-webkit-details-marker {
  display: none;
}
.mv-acc__btn {
  margin: 10px 12px 12px 12px;
  padding: 0.55rem 0.9rem;
  border-radius: 8px;
  border: 0;
  background: #ff6600;
  color: #000;
  cursor: pointer;
}
.mv-acc__btn:focus {
  outline: 2px solid #231f20;
  outline-offset: 2px;
}
.mv-acc__body {
  padding: 12px;
}
.mv-acc__loading {
  opacity: 0.6;
}
/* Kontejner naslova */
.mv-hub h1 {
  margin: 0 0 12px 0;
}
.mv-hub {
  --mv-orange: #ff6600;
  --mv-dark: #231f20;
  --mv-border: #e5e7eb;
  --mv-muted: #6b7280;
}
.mv-hub__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  align-items: start;
}
.mv-hub details {
  border: 1px solid var(--mv-border);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.mv-hub details:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.mv-hub details[open] {
  box-shadow: 0 8px 20px rgba(255, 102, 0, 0.25);
}
/* slika gore, naslov dolje */
.mv-hub summary {
  list-style: none;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding: 12px;
  text-align: left;
}
.mv-hub summary::-webkit-details-marker {
  display: none;
}
.mv-hub summary img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 8px;
  transition: transform 0.3s ease;
}
.mv-hub summary:hover img {
  transform: scale(1.03);
}
.mv-hub h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--mv-dark);
}
.mv-hub .meta {
  margin-top: 4px;
  font-size: 0.85rem;
  color: var(--mv-muted);
}
.mv-hub .mv-hub__content {
  padding: 0 12px 14px;
  border-top: 1px solid var(--mv-border);
  background: #fafafa;
}
.mv-hub .mv-hub__content p {
  margin: 10px 0;
  font-size: 0.9rem;
  color: var(--mv-dark);
}
/* gumb: crni → narančasti hover */
.mv-acc__btn {
  display: inline-block;
  padding: 0.55rem 0.95rem;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.25s, color 0.25s, border-color 0.25s;
}
.mv-acc__btn:hover {
  background: var(--mv-orange);
  border-color: var(--mv-orange);
  color: #000;
}
/* responsive */
@media (max-width: 560px) {
  .mv-hub summary {
    padding: 10px;
  }
}
/* Gantry 5 – Joomla Articles particle */
.g-content-array.box-shadow .g-array-item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.g-content-array.box-shadow .g-array-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.g-content-array.box-shadow .g-array-item-image img {
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.g-content-array.box-shadow .g-array-item-title, .g-content-array.box-shadow .g-array-item-text, .g-content-array.box-shadow .g-array-item-read-more {
  padding: 0 14px;
}
.g-content-array.box-shadow .g-array-item-read-more {
  margin-top: auto;
  padding-bottom: 14px;
  /* gumb uvijek pri dnu kartice */
}
/* osiguraj visinu kartica u mreži */
.g-content-array.box-shadow .g-grid .g-block > .g-content {
  height: 100%;
}
/* Joomla Articles kartice – manji vertikalni razmak, horizontalni ostaje */
.g-content-array.box-shadow .g-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 10px;
  width: 100%;
  /* manji razmak između redova */
  max-width: 1280px;
}
@media (max-width: 1199px) {
  .g-content-array.box-shadow .g-grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
    row-gap: 10px;
  }
}
@media (max-width: 991px) {
  .g-content-array.box-shadow .g-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 14px;
    row-gap: 8px;
  }
}
@media (max-width: 575px) {
  .g-content-array.box-shadow .g-grid {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
}
/* kartica */
.g-content-array.box-shadow .g-array-item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  padding-bottom: 6px;
  /* vraćen vertikalni unutarnji prostor */
}
.g-content-array.box-shadow .g-array-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
/* slika */
.g-content-array.box-shadow .g-array-item-image {
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.g-content-array.box-shadow .g-array-item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* sadržaj i gumb */
.g-content-array.box-shadow .g-array-item-title {
  padding: 12px 16px 0;
  margin: 0 !important;
}
.g-content-array.box-shadow .g-array-item-text {
  padding: 8px 16px 0;
}
.g-content-array.box-shadow .g-array-item-read-more {
  margin-top: auto;
  padding: 12px 16px 16px;
}
/* flex reset */
.g-content-array.box-shadow .g-grid .g-block {
  flex: unset !important;
  max-width: 100% !important;
  width: auto !important;
}
/* Modul Zrakoplovstvo – aktivan samo kad ima sufiks aviation-intro */
.aviation-intro .mv-aviation-intro {
  background: #fff;
  color: #231f20;
  padding: 48px 20px;
  max-width: 1100px;
  margin: 0 auto 40px;
}
.aviation-intro .mv-aviation-intro h1 {
  color: #ff6600;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.3;
}
.aviation-intro .mv-aviation-intro h1::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #ff6600;
  margin-top: 10px;
}
.aviation-intro .mv-aviation-intro p {
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 12px;
}
.aviation-intro .mv-aviation-intro strong {
  color: #ff6600;
  font-weight: 600;
}
@media (max-width: 768px) {
  .aviation-intro .mv-aviation-intro {
    padding: 32px 16px;
  }
  .aviation-intro .mv-aviation-intro h1 {
    font-size: 1.6rem;
  }
}
/* MV Logistic — uvodni moduli (Željeznice, Zrakoplovstvo, Industrija) */
.moduletable.mv-intro {
  background: #fff;
  color: #231f20 !important;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 24px 28px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
}
/* tanka narančasta traka na vrhu */
.moduletable.mv-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #ff6600 !important;
}
/* sadržaj sekcije */
.moduletable.mv-intro section[aria-label] {
  max-width: 960px;
  margin: 0 auto;
}
/* naslov */
.moduletable.mv-intro h1 {
  margin: 0 0 12px;
  font-size: 2rem;
  font-weight: 800;
  color: #2b2b2b !important;
  transition: color 0.25s ease;
  /* tamno siva */
}
.moduletable.mv-intro h1:hover {
  color: #ff6600 !important;
  /* hover narančasta */
}
/* paragrafi */
.moduletable.mv-intro p {
  margin: 10px 0;
  font-size: 1rem;
  line-height: 1.7;
  color: #231f20 !important;
}
/* strong sada bez narančaste */
.moduletable.mv-intro p strong {
  font-weight: 700;
  color: #231f20 !important;
}
/* linkovi */
.moduletable.mv-intro a {
  color: #ff6600 !important;
  text-decoration: none;
  border-bottom: 2px solid rgba(255, 102, 0, 0.35);
  transition: border-color 0.2s ease;
}
.moduletable.mv-intro a:hover {
  border-bottom-color: #ff6600 !important;
}
/* responzivno */
@media (max-width: 640px) {
  .moduletable.mv-intro {
    padding: 18px;
    border-radius: 12px;
  }
  .moduletable.mv-intro h1 {
    font-size: 1.5rem;
  }
}
/* MV Logistic — uklanja margine oko slike unutar <p> samo za module s sufiksom mv-img */
.moduletable.mv-img p {
  margin: 0;
  padding: 0;
}
.moduletable.mv-img p > img {
  display: block;
  margin: 0;
  border: none;
  background: transparent;
  width: 100%;
  height: auto;
}
/* ================================
   MV Logistic — Kontakt modul
   Module suffix: mv-contact
   ================================ */
.mv-contact {
  color: #111 !important;
  font-family: inherit;
  line-height: 1.5;
  background: transparent;
  padding: 12px 0;
}
.mv-contact__title {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #111 !important;
}
.mv-contact__address {
  font-style: normal;
  margin-bottom: 12px;
}
.mv-contact__line {
  margin: 0;
  color: #222;
}
.mv-contact__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mv-contact__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #111;
  font-weight: 500;
}
.mv-contact__list i {
  color: #ff6600;
  /* MV brand narančasta */
  font-size: 1rem;
  width: 16px;
  text-align: center;
}
.mv-contact__list a {
  color: #111;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.mv-contact__list a:hover {
  color: #ff6600;
  text-decoration: underline;
}
/*# sourceMappingURL=custom_118.css.map */