.elementor-8 .elementor-element.elementor-element-57d7ed8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-42474b8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b53de77{--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;}.elementor-8 .elementor-element.elementor-element-d82ff84{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-3bf1ce4{--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;--justify-content:flex-start;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-3bf1ce4.e-con{--align-self:flex-start;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-icon i{color:var( --e-global-color-47711e7 );transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-icon svg{fill:var( --e-global-color-47711e7 );transition:fill 0.3s;}.elementor-8 .elementor-element.elementor-element-3c160f9{--e-icon-list-icon-size:30px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-3c160f9 .elementor-icon-list-text{color:var( --e-global-color-47711e7 );transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-016003d{--display:flex;}.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-8 .elementor-element.elementor-element-741de0a{text-align:start;}.elementor-8 .elementor-element.elementor-element-741de0a .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:800;font-style:normal;color:var( --e-global-color-fb2a0b8 );}.elementor-8 .elementor-element.elementor-element-fcbf40f{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-e53667f{--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:space-around;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-8 .elementor-element.elementor-element-e53667f.e-con:hover{--e-con-transform-scale:1.03;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-8 .elementor-element.elementor-element-1bf99b3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-8 .elementor-element.elementor-element-1bf99b3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-8 .elementor-element.elementor-element-1bf99b3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-8 .elementor-element.elementor-element-1bf99b3 .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}.elementor-8 .elementor-element.elementor-element-1bf99b3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-8 .elementor-element.elementor-element-1bf99b3 .elementor-image-box-title{color:var( --e-global-color-fb2a0b8 );}.elementor-8 .elementor-element.elementor-element-1bf99b3:has(:hover) .elementor-image-box-title,
					 .elementor-8 .elementor-element.elementor-element-1bf99b3:has(:focus) .elementor-image-box-title{color:var( --e-global-color-47711e7 );}.elementor-8 .elementor-element.elementor-element-1bf99b3 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:1.1em;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-8 .elementor-element.elementor-element-9d7407a .elementor-button{background-color:var( --e-global-color-47711e7 );}.elementor-8 .elementor-element.elementor-element-9d7407a .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-9d7407a .elementor-button:focus{background-color:var( --e-global-color-fb2a0b8 );}.elementor-8 .elementor-element.elementor-element-c5a6515{--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;--justify-content:space-between;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-8 .elementor-element.elementor-element-c5a6515.e-con:hover{--e-con-transform-scale:1.03;}.elementor-8 .elementor-element.elementor-element-343e152:hover{--e-transform-scale:1.03;}.elementor-8 .elementor-element.elementor-element-343e152.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-8 .elementor-element.elementor-element-343e152.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-8 .elementor-element.elementor-element-343e152.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-8 .elementor-element.elementor-element-343e152 .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}.elementor-8 .elementor-element.elementor-element-343e152 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-8 .elementor-element.elementor-element-343e152 .elementor-image-box-title{color:var( --e-global-color-fb2a0b8 );}.elementor-8 .elementor-element.elementor-element-343e152:has(:hover) .elementor-image-box-title,
					 .elementor-8 .elementor-element.elementor-element-343e152:has(:focus) .elementor-image-box-title{color:var( --e-global-color-47711e7 );}.elementor-8 .elementor-element.elementor-element-343e152 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:1.1em;font-weight:400;}.elementor-8 .elementor-element.elementor-element-dbe6ad6 .elementor-button{background-color:var( --e-global-color-47711e7 );}.elementor-8 .elementor-element.elementor-element-dbe6ad6 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-dbe6ad6 .elementor-button:focus{background-color:var( --e-global-color-fb2a0b8 );}.elementor-8 .elementor-element.elementor-element-037830b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e57eaf1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-1bf99b3 .elementor-image-box-img{margin-bottom:15px;}.elementor-8 .elementor-element.elementor-element-343e152 .elementor-image-box-img{margin-bottom:15px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-3bf1ce4{--content-width:100%;}.elementor-8 .elementor-element.elementor-element-e53667f{--width:50%;}.elementor-8 .elementor-element.elementor-element-c5a6515{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-42474b8 */<!--
  ════════════════════════════════════════════════════
  DIJELJENI CSS — dodaj ovo u Elementor > Custom CSS
  ili u WordPress > Appearance > Additional CSS
  ════════════════════════════════════════════════════
-->
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --cream:      #F5F0E8;
  --sand:       #E8DDD0;
  --terracotta: #C4714A;
  --rust:       #A0492A;
  --dusk:       #2C3E50;
  --slate:      #1A2433;
  --text:       #3A3228;
  --muted:      #7A6E66;
  --white:      #FFFFFF;
}

/* Tipografija */
.ab-tag {
  font-family: 'DM Sans', sans-serif;
  font-size: .75rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--terracotta);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: .8rem;
}
.ab-tag::before {
  content: '';
  display: inline-block;
  width: 20px; height: 2px;
  background: var(--terracotta);
  flex-shrink: 0;
}

.ab-h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 900;
  color: var(--slate);
  line-height: 1.1;
  margin-bottom: 1.2rem;
}

.ab-h2 em {
  font-style: italic;
  color: var(--terracotta);
}

/* Gumbi */
.ab-btn-primary {
  display: inline-block;
  background: var(--terracotta);
  color: var(--white) !important;
  text-decoration: none;
  padding: .85rem 2rem;
  font-family: 'DM Sans', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 2px;
  transition: background .3s, transform .2s;
  border: none; cursor: pointer;
}
.ab-btn-primary:hover { background: var(--rust); transform: translateY(-2px); }

.ab-btn-outline {
  display: inline-block;
  border: 1.5px solid var(--dusk);
  color: var(--dusk) !important;
  text-decoration: none;
  padding: .85rem 2rem;
  font-family: 'DM Sans', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 2px;
  transition: background .3s, color .3s;
}
.ab-btn-outline:hover { background: var(--dusk); color: var(--white) !important; }

/* Fade-in animacija */
.ab-fade {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}
.ab-fade.visible {
  opacity: 1;
  transform: translateY(0);
}
.ab-hero-bg {
    width: 100%;
    height: 100%;
    background-image: url(https://split.e-tomic.hr/wp-content/uploads/2026/06/Soboslikar-copy.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
</style>/* End custom CSS */