
:root{
  --mps-purple:#2d1744;
  --mps-purple-2:#6f4292;
  --mps-gold:#d8b15c;
  --mps-cream:#fff9ed;
  --mps-text:#3e3342;
  --mps-max-width:1200px;
  --mps-radius:22px;
  --mps-gap:24px;
}

html,body{max-width:100%;overflow-x:hidden}
.mps-responsive-system *{box-sizing:border-box}
.mps-responsive-system img,
.mps-responsive-system video,
.mps-responsive-system iframe,
.mps-responsive-system svg{max-width:100%;height:auto}

.mps-section{
  width:min(100% - 32px,var(--mps-max-width));
  margin-inline:auto;
  padding-block:clamp(24px,5vw,70px);
}
.mps-card{
  min-width:0;
  padding:clamp(18px,3vw,30px);
  border:1px solid rgba(216,177,92,.45);
  border-radius:var(--mps-radius);
  background:linear-gradient(145deg,#fffdf7,#f5ecff);
  color:var(--mps-text);
  box-shadow:0 16px 38px rgba(45,23,68,.10);
}
.mps-grid-2,.mps-grid-3,.mps-grid-4,.mps-auto-grid{
  display:grid!important;
  gap:var(--mps-gap)!important;
  align-items:stretch;
}
.mps-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mps-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mps-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mps-auto-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.mps-full-width-mobile{}
.mps-show-mobile{display:none!important}

.mps-auto-elementor .elementor,
.mps-auto-elementor .elementor-section,
.mps-auto-elementor .elementor-container,
.mps-auto-elementor .e-con,
.mps-auto-elementor .e-con-inner{max-width:100%}

.mps-auto-elementor .elementor-section.elementor-section-boxed>.elementor-container,
.mps-auto-elementor .e-con-boxed>.e-con-inner{
  width:min(100% - 32px,var(--mps-max-width));
  max-width:var(--mps-max-width);
}

.mps-fluid-type:not(.elementor-editor-active) .elementor-heading-title{
  line-height:1.15;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.mps-fluid-type:not(.elementor-editor-active) h1.elementor-heading-title{font-size:clamp(32px,5vw,64px)}
.mps-fluid-type:not(.elementor-editor-active) h2.elementor-heading-title{font-size:clamp(27px,4vw,48px)}
.mps-fluid-type:not(.elementor-editor-active) h3.elementor-heading-title{font-size:clamp(22px,3vw,34px)}

.mps-auto-images:not(.elementor-editor-active) .elementor-widget-image img{
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.mps-auto-images:not(.elementor-editor-active) .elementor-widget-image,
.mps-auto-images:not(.elementor-editor-active) .elementor-widget-image a{
  max-width:100%;
}

.mps-auto-buttons:not(.elementor-editor-active) .elementor-button{
  max-width:100%;
  white-space:normal;
  text-align:center;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.mps-smart-mode:not(.elementor-editor-active) .elementor-widget-text-editor,
.mps-smart-mode:not(.elementor-editor-active) .elementor-heading-title{
  overflow-wrap:anywhere;
}
.mps-smart-mode:not(.elementor-editor-active) .elementor-widget iframe{
  width:100%;
}
.mps-smart-mode:not(.elementor-editor-active) .elementor-widget-shortcode{
  max-width:100%;
  overflow-x:auto;
}
.mps-smart-mode:not(.elementor-editor-active) [style*="width:"]{
  max-width:100%;
}

.mps-safe-mode .mps-responsive-ignore,
.mps-safe-mode .mps-responsive-ignore *{
  /* Namerno ostavljeno bez automatskih promena. */
}

@media(max-width:1024px){
  .mps-grid-4,.mps-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mps-auto-elementor .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:12px}
}

@media(max-width:767px){
  .mps-section{width:min(100% - 22px,var(--mps-max-width));padding-block:28px}
  .mps-grid-2,.mps-grid-3,.mps-grid-4{grid-template-columns:1fr}
  .mps-mobile-stack{display:flex!important;flex-direction:column!important}
  .mps-mobile-reverse{display:flex!important;flex-direction:column-reverse!important}
  .mps-full-width-mobile,
  .mps-full-width-mobile .elementor-button{width:100%!important}
  .mps-hide-mobile{display:none!important}
  .mps-show-mobile{display:block!important}

  .mps-auto-elementor .elementor-section.elementor-section-boxed>.elementor-container,
  .mps-auto-elementor .e-con-boxed>.e-con-inner{
    width:min(100% - 20px,var(--mps-max-width));
  }

  .mps-auto-columns:not(.elementor-editor-active) .elementor-container{
    flex-wrap:wrap;
  }
  .mps-auto-columns:not(.elementor-editor-active) .elementor-container>.elementor-column{
    min-width:min(100%,280px);
  }

  .mps-auto-buttons:not(.elementor-editor-active) .elementor-button{
    padding-left:18px;
    padding-right:18px;
  }

  .mps-smart-mode:not(.elementor-editor-active) .elementor-widget:not(:last-child){margin-bottom:14px}
  .mps-smart-mode:not(.elementor-editor-active) .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:8px}
  .mps-smart-mode:not(.elementor-editor-active) .e-con{
    --padding-top:18px;
    --padding-right:12px;
    --padding-bottom:18px;
    --padding-left:12px;
  }
}

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