.elementor-120 .elementor-element.elementor-element-d9c0b82{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.55;}.elementor-120 .elementor-element.elementor-element-d9c0b82:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-d9c0b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dvimurve.hr/wp-content/uploads/2026/02/20250919_213418-scaled.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-120 .elementor-element.elementor-element-d9c0b82::before, .elementor-120 .elementor-element.elementor-element-d9c0b82 > .elementor-background-video-container::before, .elementor-120 .elementor-element.elementor-element-d9c0b82 > .e-con-inner > .elementor-background-video-container::before, .elementor-120 .elementor-element.elementor-element-d9c0b82 > .elementor-background-slideshow::before, .elementor-120 .elementor-element.elementor-element-d9c0b82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-120 .elementor-element.elementor-element-d9c0b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-120 .elementor-element.elementor-element-fdf1378{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-120 .elementor-element.elementor-element-8207a15 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-120 .elementor-element.elementor-element-b68edca{font-family:"Playfair Display", Sans-serif;font-weight:400;}.elementor-120 .elementor-element.elementor-element-8296475{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-120 .elementor-element.elementor-element-685a184{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-120 .elementor-element.elementor-element-685a184:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-685a184 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0C0E;}.elementor-120 .elementor-element.elementor-element-76cbce4{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-120 .elementor-element.elementor-element-849526f{--display:flex;}.elementor-120 .elementor-element.elementor-element-6cc8c2e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-120 .elementor-element.elementor-element-10a9eca{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-120 .elementor-element.elementor-element-21c9d92{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-120 .elementor-element.elementor-element-0b0481c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-120 .elementor-element.elementor-element-3ae4174{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-120 .elementor-element.elementor-element-2b8a361{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-120 .elementor-element.elementor-element-8e2248e{text-align:center;}.elementor-120 .elementor-element.elementor-element-7ac9586{--display:flex;--min-height:85vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-120 .elementor-element.elementor-element-564b6fa{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-120 .elementor-element.elementor-element-5b1a501 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-120 .elementor-element.elementor-element-08b822d{--display:flex;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-120 .elementor-element.elementor-element-734352f{--display:flex;--min-height:85vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;}.elementor-120 .elementor-element.elementor-element-734352f:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-734352f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dvimurve.hr/wp-content/uploads/2026/02/Mediteranska-kuhinja.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-120 .elementor-element.elementor-element-5dc191f{--display:flex;}:root{--page-title-display:none;}body.elementor-page-120{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-120 .elementor-element.elementor-element-fdf1378{--width:900px;}.elementor-120 .elementor-element.elementor-element-2b8a361{--content-width:1100px;}.elementor-120 .elementor-element.elementor-element-08b822d{--content-width:720px;}}@media(max-width:1024px){.elementor-120 .elementor-element.elementor-element-685a184{--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-120 .elementor-element.elementor-element-7ac9586{--min-height:75vh;}}@media(max-width:767px){.elementor-120 .elementor-element.elementor-element-685a184{--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-120 .elementor-element.elementor-element-7ac9586{--min-height:70vh;}.elementor-120 .elementor-element.elementor-element-08b822d{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}}/* Start custom CSS for container, class: .elementor-element-d9c0b82 *//* ===============================
   HERO WRAPPER
================================= */
.dm-hero{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Cinematic overlay */
.dm-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.55) 35%,
    rgba(0,0,0,0.30) 65%,
    rgba(0,0,0,0.15) 100%
  );
  z-index:1;
  pointer-events:none;
}

/* ===============================
   CONTENT LAYER
================================= */
.dm-hero-content{
  position: relative;
  z-index:2;
  max-width: 640px;
}

/* ===============================
   HEADLINE + TEXT
   (target both cases: inside dm-hero-content OR directly in dm-hero)
================================= */
.dm-hero .elementor-heading-title{
  font-size: 52px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color:#fff;
  line-height: 1.2;
  margin: 0 0 10px 0;
}

/* Gold accent line */
.dm-hero .elementor-heading-title::after{
  content:"";
  display:block;
  width: 40px;            /* tvoj “mikro” */
  height: 1px;
  margin-top: 14px;       /* tvoj “mikro” */
  opacity: .55;           /* tvoj “mikro” */
  background: linear-gradient(
    to right,
    #c6a86e,
    rgba(198,168,110,0.28)
  );
}

/* Paragraph */
.dm-hero .elementor-widget-text-editor{
  margin-top: 18px;
}
.dm-hero .elementor-widget-text-editor p{
  font-size: 18px;
  color: rgba(255,255,255,0.88);
  margin: 0;
  line-height: 1.55;
}

/* ===============================
   BUTTON
================================= */
.dm-hero-btn .elementor-button{
  background: transparent !important;
  border: 1px solid rgba(198,168,110,0.80) !important;
  color:#fff !important;
  padding: 14px 36px;
  border-radius: 50px;
  transition: transform .35s ease, box-shadow .35s ease, background .35s ease, border-color .35s ease;
  margin-top: 30px;
  letter-spacing: .5px;
}

.dm-hero-btn .elementor-button:hover{
  background: rgba(198,168,110,0.14) !important;
  border-color: #c6a86e !important;
  box-shadow: 0 10px 30px rgba(198,168,110,0.22);
  transform: translateY(-2px);
}

/* ===============================
   META LINE
================================= */
.dm-hero-meta{
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-size: 12.5px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
  line-height: 1.2;
}

.dm-hero-meta .dm-meta-sep{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #c6a86e;
  opacity: .85;
  box-shadow: 0 0 0 3px rgba(198,168,110,.14);
}

/* ===============================
   RESPONSIVE
================================= */

/* Tablet */
@media (max-width: 1024px){
  .dm-hero-content{
    max-width: 520px;
    padding: 0 22px;
  }

  .dm-hero .elementor-heading-title{
    font-size: 44px;
    line-height: 1.12;
    margin-bottom: 14px;
  }

  .dm-hero .elementor-widget-text-editor p{
    font-size: 17px;
  }
}

/* Mobile */
@media (max-width: 767px){
  .dm-hero-content{
    max-width: 100%;
    padding: 0 18px;
    text-align: center;
  }

  .dm-hero .elementor-heading-title{
    font-size: 34px;
    line-height: 1.16;
    margin-bottom: 12px;
  }

  .dm-hero .elementor-heading-title::after{
    width: 56px;            /* na mobu malo šire izgleda bolje */
    margin: 14px auto 0;
  }

  .dm-hero .elementor-widget-text-editor p{
    font-size: 16px;
    margin-top: 10px;
  }

  .dm-hero-btn{
    display:flex;
    justify-content:center;
  }

  .dm-hero-btn .elementor-button{
    padding: 12px 22px;
    border-radius: 999px;
  }

  .dm-hero-meta{
    font-size: 11.5px;
    letter-spacing: .16em;
    gap: 12px;
    justify-content: center;
  }
}
/* ===============================
   PREMIUM TOUCHES
================================= */

/* 1) Better readability + premium depth */
.dm-hero .elementor-heading-title{
  text-shadow: 0 10px 28px rgba(0,0,0,.45);
}

.dm-hero .elementor-widget-text-editor p{
  text-shadow: 0 8px 18px rgba(0,0,0,.35);
}

/* 2) Subtle “glass” card behind content (very soft) */
.dm-hero-content{
  padding: 26px 28px;
  border-radius: 18px;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.18),
    rgba(0,0,0,.05)
  );
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 18px 50px rgba(0,0,0,.25);
}

/* 3) Button premium “shine” */
.dm-hero-btn .elementor-button{
  position: relative;
  overflow: hidden;
}

.dm-hero-btn .elementor-button::after{
  content:"";
  position:absolute;
  top:-60%;
  left:-40%;
  width: 40%;
  height: 220%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.22) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: rotate(20deg);
  opacity: 0;
  transition: transform .6s ease, opacity .4s ease;
}

.dm-hero-btn .elementor-button:hover::after{
  opacity: 1;
  transform: translateX(260%) rotate(20deg);
}

/* Mobile: card should be lighter/cleaner */
@media (max-width: 767px){
  .dm-hero-content{
    padding: 20px 16px;
    border-radius: 16px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
}
.dm-hero-content{
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.08));
  border: 1px solid rgba(255,255,255,.07);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.dm-hero .elementor-heading-title,
.dm-hero h1 { color: #C6A86E !important; }
/* Remove ugly mobile tap highlight */
a,
button,
.elementor-button{
  -webkit-tap-highlight-color: transparent;
}

/* Remove default focus outline on mobile */
a:focus,
button:focus,
.elementor-button:focus{
  outline: none !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-83c5a25 */.elementor-120 .elementor-element.elementor-element-83c5a25{
  object-fit:cover;
  object-position:center 50%;
  filter: brightness(1.04) contrast(1.05) saturate(.95);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-685a184 *//* ===============================
   SECTION: DARK PREMIUM BLOCK
================================= */
.dm-section--dark{
  position: relative;
  background: #0b0c0e;
  color: rgba(255,255,255,.86);
  overflow: hidden;
}

.dm-section--dark::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 380px at 20% 15%, rgba(198,168,110,.14), transparent 60%),
    radial-gradient(700px 320px at 85% 40%, rgba(120,170,255,.08), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  pointer-events:none;
}

.dm-inner{ position: relative; z-index: 1; }

/* ===============================
   SECTION HEAD
================================= */
.dm-section-head{
  max-width: 720px;
  margin-bottom: 18px;
}

.dm-section-head .dm-eyebrow,
.dm-section-head h6{
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  margin: 0 0 10px 0;
}

.dm-section-head h2{
  font-size: 40px;
  line-height: 1.15;
  margin: 0 0 12px 0;
  color: rgba(255,255,255,.92);
  letter-spacing: -0.02em;
}

.dm-section-head p{
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255,255,255,.74);
}

/* ===============================
   CARDS LAYOUT
================================= */
.dm-cards{
  display:flex;
  flex-wrap:wrap;
  gap: 22px;
  margin-top: 26px;
  align-items: stretch;
  justify-content: flex-start;
}

/* ===============================
   CARD
================================= */
.dm-card{
  flex: 1 1 calc(33.333% - 15px);
  min-width: 260px;

  position: relative;
  overflow: hidden;

  border-radius: 18px;
  padding: 18px; /* ovo daje “gutter” i riješi pomak slika */

  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 50px rgba(0,0,0,.55);

  backdrop-filter: blur(10px);
  transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}

.dm-card:hover{
  transform: translateY(-6px);
  border-color: rgba(198,168,110,.35);
  box-shadow: 0 26px 70px rgba(0,0,0,.70);
}

/* suptilni “film” overlay samo preko slike */
.dm-card::after{
  content:"";
  position:absolute;
  left:18px; right:18px; top:18px;
  height: 210px;
  border-radius: 14px;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.10) 0%,
    rgba(0,0,0,.22) 55%,
    rgba(0,0,0,.35) 100%
  );
  pointer-events:none;
  opacity: .85;
}

/* ===============================
   IMAGE (važan fix!)
================================= */
/* Elementor zna staviti text-align na wrapper, ovo ga pegla */
.dm-card .elementor-widget-image{ text-align: left !important; }

.dm-card img{
  width: 100%;
  height: 210px;
  object-fit: cover;
  border-radius: 14px;
  display:block;

  margin: 0 !important;          /* <- KILL “bježanje” */
  padding: 0 !important;

  filter: brightness(.90) contrast(1.06) saturate(.92);
  transition: transform .6s ease, filter .6s ease;
}

.dm-card:hover img{
  transform: scale(1.035);
  filter: brightness(.97) contrast(1.08) saturate(.98);
}

/* ===============================
   TITLES + TEXT
================================= */
.dm-card .elementor-heading-title,
.dm-card h3{
  margin: 14px 0 10px 0 !important;
  font-size: 18px;
  letter-spacing: .02em;
  color: rgba(255,255,255,.92);
}

.dm-card .elementor-heading-title::after,
.dm-card h3::after{
  content:"";
  display:block;
  width: 34px;
  height: 1px;
  margin-top: 10px;
  background: rgba(198,168,110,.85);
  opacity: .85;
}

.dm-card .elementor-widget-text-editor,
.dm-card p{
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255,255,255,.72);
}

/* ===============================
   RESPONSIVE
================================= */
@media (max-width: 1024px){
  .dm-section-head h2{ font-size: 34px; }
  .dm-card{ flex: 1 1 calc(50% - 11px); }
  .dm-card img{ height: 190px; }
  .dm-card::after{ height: 190px; }
}

@media (max-width: 767px){
  .dm-section-head{ max-width: 100%; }
  .dm-section-head h2{ font-size: 28px; }
  .dm-card{ flex: 1 1 100%; }
  .dm-card img{ height: 170px; }
  .dm-card::after{ height: 170px; }
}
/* ===============================
   FIX PACK: cards layout + image full width
================================= */

/* 1) Parent mora biti flex grid */
.dm-cards{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

/* 2) Svaka kartica neka bude stupac (ne row) */
.dm-card{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  flex: 1 1 calc(33.333% - 15px) !important;
  max-width: calc(33.333% - 15px) !important;
  min-width: 260px !important;

  width: auto !important;      /* ubija Elementor width:100% */
}

/* 3) SVE unutra u kartici na 100% širine */
.dm-card > .elementor-element,
.dm-card > .elementor-widget,
.dm-card .elementor-widget-wrap,
.dm-card .elementor-widget-container{
  width: 100% !important;
  max-width: 100% !important;
}

/* 4) Image widget i slika full width (ovo ti rješava “prazno desno”) */
.dm-card .elementor-widget-image{
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}

.dm-card .elementor-widget-image img,
.dm-card img{
  width: 100% !important;
  max-width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;        /* critical */
}

/* 5) Overlay koji si imao, ali neka prati padding */
.dm-card::after{
  left:18px !important;
  right:18px !important;
  top:18px !important;
  height:210px !important;
}

/* 6) Responsive */
@media (max-width: 1024px){
  .dm-card{
    flex: 1 1 calc(50% - 11px) !important;
    max-width: calc(50% - 11px) !important;
  }
  .dm-card img{ height: 190px !important; }
  .dm-card::after{ height: 190px !important; }
}

@media (max-width: 767px){
  .dm-card{
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  .dm-card img{ height: 170px !important; }
  .dm-card::after{ height: 170px !important; }
}
/* ===============================
   MICRO TYPO POLISH
================================= */

/* Naslovi kartica malo “finiji” */
.dm-card .elementor-heading-title{
  letter-spacing: .04em;
  font-weight: 500;
}

/* Opisi – još mrvicu sofisticiranije */
.dm-card p{
  letter-spacing: .015em;
  opacity: .78;
}

/* Sekcijski podnaslov (Naša priča opis) */
.dm-section-head p{
  opacity: .82;
}
/* ===============================
   PREMIUM TITLE TRANSITION
================================= */

.dm-card .elementor-heading-title{
  color: rgba(234,230,221,.92) !important;
  transition: 
    color 0.65s cubic-bezier(.22,.61,.36,1),
    text-shadow 0.65s cubic-bezier(.22,.61,.36,1);
}

/* hover – spor i sofisticiran */
.dm-card:hover .elementor-heading-title{
  color: #c6a86e !important;
  text-shadow: 0 0 18px rgba(198,168,110,.18);
}
.dm-card:hover{
  box-shadow:
    0 26px 70px rgba(0,0,0,.70),
    0 0 0 1px rgba(198,168,110,.18);
}
/* REVEAL - elegantnije, sporije, premium */
.dm-card{
  opacity: 0;
  transform: translateY(34px);
  filter: blur(6px);
  transition:
    opacity 1.1s cubic-bezier(.16,1,.3,1),
    transform 1.1s cubic-bezier(.16,1,.3,1),
    filter 1.1s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform, filter;
}

.dm-card.is-visible{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* sporiji i “rjeđi” stagger (da ne djeluje kao špil karata) */
.dm-card.is-visible:nth-child(1){ transition-delay: .05s; }
.dm-card.is-visible:nth-child(2){ transition-delay: .22s; }
.dm-card.is-visible:nth-child(3){ transition-delay: .39s; }

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .dm-card{ opacity:1; transform:none; filter:none; transition:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b8a361 *//* ===============================
   MINI SOCIAL PROOF (between section 2 & 3)
================================= */

.dm-proof{
  position: relative;
  background: #0b0c0e;              /* ubija bijelu plohu */
  color: rgba(255,255,255,.78);
  padding: 22px 0;
  overflow: hidden;
  isolation: isolate;
}

/* suptilan glow (da se stopi s ostalim sekcijama) */
.dm-proof::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(700px 220px at 25% 50%, rgba(198,168,110,.10), transparent 65%),
    radial-gradient(600px 220px at 80% 55%, rgba(120,170,255,.08), transparent 60%);
  z-index:0;
}

/* thin separators top/bottom */
.dm-proof::after{
  content:"";
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: min(920px, 86%);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  opacity: .9;
}

.dm-proof .elementor-widget-container{
  position: relative;
  z-index: 1;
}

/* bottom line (using extra pseudo on text container) */
.dm-proof .elementor-widget-text-editor::after{
  content:"";
  display:block;
  margin: 18px auto 0;
  width: min(920px, 86%);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
}

/* text styling */
.dm-proof .elementor-widget-text-editor{
  text-align: center;
  font-size: 12px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}

/* make separators gold dots if you use • in text */
.dm-proof .elementor-widget-text-editor strong,
.dm-proof .elementor-widget-text-editor b{
  color: rgba(198,168,110,.92);
  font-weight: 600;
}

/* responsive */
@media (max-width: 767px){
  .dm-proof{
    padding: 18px 0;
  }
  .dm-proof .elementor-widget-text-editor{
    font-size: 11px;
    letter-spacing: .18em;
    padding: 0 14px;
    line-height: 1.5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ac9586 *//* ===============================
   SECTION 3: RETURN VIDEO (FINAL)
   - full-bleed video (i kad je site boxed)
   - stabilna visina + dobar “kino” vibe
   - responsive tablet/mob
================================= */

/* OUTER SECTION */
.dm-return{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #07080a;

  /* ključ: da sekcija diše */
  min-height: clamp(620px, 78vh, 920px);
  padding: 96px 0;

  /* centriraj glass card po visini */
  display: flex;
  align-items: center;
}

/* MEDIA LAYER (video iza svega) */
.dm-return .dm-return-media{
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none;

  /* full-bleed čak i ako je container “boxed” */
  width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Elementor zna napraviti ratio wrapper — ubijamo sve padding/ratio fore */
.dm-return .dm-return-media .elementor-widget-video,
.dm-return .dm-return-media .elementor-wrapper,
.dm-return .dm-return-media .elementor-video,
.dm-return .dm-return-media .elementor-fit-aspect-ratio{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

/* VIDEO / IFRAME uvijek kao cover */
.dm-return .dm-return-media video,
.dm-return .dm-return-media iframe{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;

  /* malo bolji crop za stol (po potrebi digni/ spusti) */
  object-position: 50% 45% !important;

  /* premium “smirivanje” */
  filter: brightness(.88) contrast(1.06) saturate(.92);
}

/* OVERLAY (kino + “portrait helper” sa side fade) */
.dm-return::before{
  content:"";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    /* mekani side fade za portrait video */
    linear-gradient(90deg,
      rgba(0,0,0,.72) 0%,
      rgba(0,0,0,.38) 22%,
      rgba(0,0,0,.22) 50%,
      rgba(0,0,0,.38) 78%,
      rgba(0,0,0,.72) 100%
    ),
    /* suptilni “večernji” highlight */
    radial-gradient(900px 450px at 22% 28%, rgba(198,168,110,.14), transparent 62%),
    radial-gradient(760px 420px at 86% 55%, rgba(120,170,255,.08), transparent 60%),
    /* top/bottom vignette */
    linear-gradient(180deg, rgba(0,0,0,.40) 0%, rgba(0,0,0,.20) 38%, rgba(0,0,0,.50) 100%);
}

/* CONTENT CARD */
.dm-return .dm-return-content{
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 760px;
  margin-left: clamp(18px, 6vw, 90px);
  padding: 44px 44px;
  text-align: left;

  background: rgba(10,11,13,.28);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  backdrop-filter: blur(10px);
  box-shadow: 0 28px 90px rgba(0,0,0,.55);
}

/* TYPO */
.dm-return .dm-return-eyebrow{
  font-size: 12px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin: 0 0 10px 0;
}

.dm-return .dm-return-title{
  margin: 0 0 10px 0;
  color: rgba(255,255,255,.92);
  letter-spacing: -0.02em;
}

.dm-return .dm-return-title::after{
  content:"";
  display:block;
  width: 42px;
  height: 1px;
  margin-top: 14px;
  background: linear-gradient(to right, rgba(198,168,110,.95), rgba(198,168,110,.25));
  opacity: .65;
}

.dm-return .dm-return-lead{
  margin: 16px 0 0 0;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255,255,255,.76);
}

/* BUTTON */
.dm-return .dm-return-btn{
  margin-top: 26px;
}

.dm-return .dm-return-btn .elementor-button{
  background: transparent !important;
  border: 1px solid rgba(198,168,110,.75) !important;
  color: rgba(255,255,255,.92) !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  transition: all .8s ease !important; /* sporije, elegantnije */
}

.dm-return .dm-return-btn .elementor-button:hover{
  background: rgba(198,168,110,.12) !important;
  border-color: rgba(198,168,110,.95) !important;
  box-shadow: 0 14px 40px rgba(198,168,110,.18) !important;
  transform: translateY(-2px) !important;
}

/* TABLET */
@media (max-width: 1024px){
  .dm-return{
    min-height: clamp(560px, 74vh, 820px);
    padding: 78px 0;
  }
  .dm-return .dm-return-content{
    max-width: 680px;
    margin-left: 24px;
    padding: 36px 28px;
  }
}

/* MOBILE */
@media (max-width: 767px){
  .dm-return{
    min-height: 78vh;
    padding: 56px 0;
    justify-content: center;
  }

  .dm-return .dm-return-content{
    max-width: 92vw;
    margin: 0 auto;
    padding: 26px 18px;
    border-radius: 18px;
    text-align: center;
  }

  .dm-return .dm-return-title::after{
    margin-left: auto;
    margin-right: auto;
  }

  /* na mobu pokaži malo više stola (manje “gore”) */
  .dm-return .dm-return-media video{
    object-position: 50% 52% !important;
  }
}
/* ===============================
   RETURN (KON 3) CTA — SAME AS HERO
================================= */
.dm-return-btn .elementor-button{
  background: transparent !important;
  border: 1px solid rgba(198,168,110,0.80) !important;
  color:#fff !important;

  padding: 14px 36px !important;
  border-radius: 50px !important;
  letter-spacing: .5px;

  transition: transform .35s ease,
              box-shadow .35s ease,
              background .35s ease,
              border-color .35s ease !important;

  position: relative !important;
  overflow: hidden !important;
}

/* hover identičan hero */
.dm-return-btn .elementor-button:hover{
  background: rgba(198,168,110,0.14) !important;
  border-color: #c6a86e !important;
  box-shadow: 0 10px 30px rgba(198,168,110,0.22) !important;
  transform: translateY(-2px) !important;
}

/* “shine” identičan hero */
.dm-return-btn .elementor-button::after{
  content:"";
  position:absolute;
  top:-60%;
  left:-40%;
  width: 40%;
  height: 220%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.22) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: rotate(20deg);
  opacity: 0;
  transition: transform .6s ease, opacity .4s ease;
}

.dm-return-btn .elementor-button:hover::after{
  opacity: 1;
  transform: translateX(260%) rotate(20deg);
}

/* mobile identično hero */
@media (max-width: 767px){
  .dm-return-btn{
    display:flex;
    justify-content:center;
  }
  .dm-return-btn .elementor-button{
    padding: 12px 22px !important;
    border-radius: 999px !important;
  }
}
/* RETURN: parallax safety (no edges) */
.dm-return .dm-return-media{
  transform: scale(1.06);
  transform-origin: center;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce){
  .dm-return .dm-return-media,
  .dm-return .dm-return-content{
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}
@media (max-width: 767px){
  .dm-return::before{
    background: linear-gradient(
      180deg,
      rgba(0,0,0,.35) 0%,
      rgba(0,0,0,.55) 70%,
      rgba(0,0,0,.75) 100%
    );
  }
}
@media (max-width: 767px){
  .dm-return{
    min-height: 85vh;
  }
}
/* Remove ugly mobile tap highlight */
a,
button,
.elementor-button{
  -webkit-tap-highlight-color: transparent;
}

/* Remove default focus outline on mobile */
a:focus,
button:focus,
.elementor-button:focus{
  outline: none !important;
  box-shadow: none !important;
}
/* =========================================
   DM RETURN — BRIGHTNESS PATCH (ALL DEVICES)
   Zalijepi na KRAJ, da prepiše sve gore.
========================================= */

/* 1) video malo svjetliji + malo življi */
.dm-return .dm-return-media video,
.dm-return .dm-return-media iframe{
  filter: brightness(1.05) contrast(1.06) saturate(.98) !important;
}

/* 2) overlay manje “crne deke” (desktop/tablet default) */
.dm-return::before{
  background:
    /* side fade (lakši) */
    linear-gradient(90deg,
      rgba(0,0,0,.55) 0%,
      rgba(0,0,0,.28) 22%,
      rgba(0,0,0,.16) 50%,
      rgba(0,0,0,.28) 78%,
      rgba(0,0,0,.55) 100%
    ),
    radial-gradient(900px 450px at 22% 28%, rgba(198,168,110,.16), transparent 62%),
    radial-gradient(760px 420px at 86% 55%, rgba(120,170,255,.10), transparent 60%),
    /* top/bottom vignette (lakši) */
    linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.14) 38%, rgba(0,0,0,.42) 100%) !important;
}

/* 3) TABLET: još mrvu svjetlije jer je ekran manji */
@media (max-width: 1024px){
  .dm-return .dm-return-media video,
  .dm-return .dm-return-media iframe{
    filter: brightness(1.12) contrast(1.06) saturate(1.02) !important;
  }

  .dm-return::before{
    background:
      linear-gradient(90deg,
        rgba(0,0,0,.50) 0%,
        rgba(0,0,0,.24) 22%,
        rgba(0,0,0,.12) 50%,
        rgba(0,0,0,.24) 78%,
        rgba(0,0,0,.50) 100%
      ),
      radial-gradient(900px 450px at 22% 28%, rgba(198,168,110,.18), transparent 62%),
      radial-gradient(760px 420px at 86% 55%, rgba(120,170,255,.11), transparent 60%),
      linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.12) 40%, rgba(0,0,0,.38) 100%) !important;
  }
}

/* 4) MOBILE: makni onaj “extra dark” override i zamijeni ovim */
@media (max-width: 767px){
  .dm-return .dm-return-media video,
  .dm-return .dm-return-media iframe{
    filter: brightness(1.18) contrast(1.05) saturate(1.05) !important;
  }

  .dm-return::before{
    background:
      /* na mobu ide više “top/bottom” jer je portrait */
      linear-gradient(180deg,
        rgba(0,0,0,.22) 0%,
        rgba(0,0,0,.14) 46%,
        rgba(0,0,0,.40) 100%
      ),
      radial-gradient(760px 420px at 50% 70%, rgba(198,168,110,.16), transparent 62%) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-734352f *//* ===============================
   SIGNATURE FULL WIDTH SECTION (FINAL)
================================= */

.dm-signature{
  position: relative;
  min-height: 85vh;
  display: flex;
  align-items: flex-end;       /* content dolje */
  padding: 80px 0;
  overflow: hidden;
  isolation: isolate;
}

/* OVERLAY (cinematic + gold) */
.dm-signature::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.10) 0%,
      rgba(0,0,0,.55) 60%,
      rgba(0,0,0,.85) 100%
    ),
    radial-gradient(
      900px 420px at 18% 70%,
      rgba(198,168,110,.16),
      transparent 70%
    );
}

/* CONTENT BOX */
.dm-signature-content{
  position: relative;
  z-index:2;
  max-width: 640px;
  padding: 0 24px 20px;
}

/* Title */
.dm-signature-content .elementor-heading-title{
  font-size: 48px;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 14px 0;
  text-shadow: 0 15px 35px rgba(0,0,0,.6);
  color: #C6A86E !important;
}

/* micro-line under title */
.dm-signature-content .elementor-heading-title::after{
  content:"";
  display:block;
  width:42px;
  height:1px;
  margin-top:14px;
  background: linear-gradient(
    to right,
    rgba(198,168,110,.9),
    rgba(198,168,110,.25)
  );
  opacity:.7;
}

/* Paragraph */
.dm-signature-content .elementor-widget-text-editor p{
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255,255,255,.82);
}

/* ===== Scroll reveal (ONLY way animation triggers) ===== */
.dm-signature-content{
  opacity: 0;
  transform: translateY(22px);
  will-change: opacity, transform;
}

.dm-signature-content.is-visible{
  animation: dmSignatureFade 1.35s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes dmSignatureFade{
  from{ opacity:0; transform: translateY(22px); }
  to  { opacity:1; transform: translateY(0); }
}

/* Mobile */
@media (max-width: 767px){
  .dm-signature{
    min-height: 70vh;
    padding: 60px 0;
  }
  .dm-signature-content .elementor-heading-title{
    font-size: 32px;
  }
  .dm-signature-content .elementor-widget-text-editor p{
    font-size: 16px;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .dm-signature-content{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}/* End custom CSS */