.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#B0AFA6;--e-global-color-text:#D0CFC4;--e-global-color-accent:#C2091C;--e-global-color-82c231b:#3B3D3E;--e-global-color-5753087:#2E3031;--e-global-color-3558e1d:#242627;--e-global-color-1d8923e:#55585A;--e-global-color-bc60b36:#6A6D6F;--e-global-typography-primary-font-family:"Orbitron";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Orbitron";--e-global-typography-secondary-font-size:26px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Urbanist";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Urbanist";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.12em;--e-global-typography-ea77621-font-family:"Orbitron";--e-global-typography-ea77621-font-size:60px;--e-global-typography-ea77621-font-weight:800;--e-global-typography-837dc7a-font-family:"Orbitron";--e-global-typography-837dc7a-font-size:40px;--e-global-typography-837dc7a-font-weight:700;--e-global-typography-1b92e5c-font-family:"Orbitron";--e-global-typography-1b92e5c-font-size:20px;--e-global-typography-1b92e5c-font-weight:700;--e-global-typography-6f744f7-font-family:"Urbanist";--e-global-typography-6f744f7-font-size:19px;--e-global-typography-6f744f7-font-weight:400;--e-global-typography-1e1455d-font-family:"Urbanist";--e-global-typography-1e1455d-font-size:14px;--e-global-typography-4c1aca8-font-family:"Urbanist";--e-global-typography-4c1aca8-font-size:13px;--e-global-typography-4c1aca8-font-weight:700;--e-global-typography-adb1d5a-font-family:"Urbanist";--e-global-typography-adb1d5a-font-size:14px;--e-global-typography-adb1d5a-font-weight:700;--e-global-typography-42974a7-font-family:"Urbanist";--e-global-typography-42974a7-font-size:16px;--e-global-typography-42974a7-font-weight:700;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#C2091C;border-radius:0px 0px 0px 0px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#9E0717;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-kit-7 a:hover{color:var( --e-global-color-primary );}.elementor-kit-7 h1{font-family:var( --e-global-typography-ea77621-font-family ), Sans-serif;font-size:var( --e-global-typography-ea77621-font-size );font-weight:var( --e-global-typography-ea77621-font-weight );}.elementor-kit-7 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-7 h3{font-family:var( --e-global-typography-1b92e5c-font-family ), Sans-serif;font-size:var( --e-global-typography-1b92e5c-font-size );font-weight:var( --e-global-typography-1b92e5c-font-weight );}.elementor-kit-7 h4{font-family:"Urbanist", Sans-serif;font-size:16px;font-weight:700;}.elementor-kit-7 h5{font-family:var( --e-global-typography-4c1aca8-font-family ), Sans-serif;font-size:var( --e-global-typography-4c1aca8-font-size );font-weight:var( --e-global-typography-4c1aca8-font-weight );}.elementor-kit-7 h6{font-family:var( --e-global-typography-4c1aca8-font-family ), Sans-serif;font-size:var( --e-global-typography-4c1aca8-font-size );font-weight:var( --e-global-typography-4c1aca8-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:64px;--container-default-padding-bottom:0px;--container-default-padding-left:64px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:56px;--e-global-typography-secondary-font-size:24px;--e-global-typography-ea77621-font-size:44px;--e-global-typography-837dc7a-font-size:32px;--e-global-typography-1b92e5c-font-size:18px;--e-global-typography-6f744f7-font-size:18px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 h1{font-size:var( --e-global-typography-ea77621-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-7 h3{font-size:var( --e-global-typography-1b92e5c-font-size );}.elementor-kit-7 h5{font-size:var( --e-global-typography-4c1aca8-font-size );}.elementor-kit-7 h6{font-size:var( --e-global-typography-4c1aca8-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:40px;--container-default-padding-bottom:0px;--container-default-padding-left:40px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:22px;--e-global-typography-accent-font-size:14px;--e-global-typography-ea77621-font-size:34px;--e-global-typography-837dc7a-font-size:28px;--e-global-typography-1b92e5c-font-size:16px;--e-global-typography-6f744f7-font-size:17px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 h1{font-size:var( --e-global-typography-ea77621-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-7 h3{font-size:var( --e-global-typography-1b92e5c-font-size );}.elementor-kit-7 h5{font-size:var( --e-global-typography-4c1aca8-font-size );}.elementor-kit-7 h6{font-size:var( --e-global-typography-4c1aca8-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS *//* ===== HS gumbi ===== */

/* Glavni gumb – Elementor + WooCommerce */
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .single_add_to_cart_button,
.woocommerce #respond input#submit {
  background-color: #C2091C !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 44px;
  padding: 0 40px 0 30px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Urbanist', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce #respond input#submit:hover {
  background-color: #9E0717 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
}

/* Fokus tipkovnicom (unutarnji okvir, jer kosi rez skriva vanjski) */
.elementor-button:focus-visible,
.woocommerce .button:focus-visible,
.woocommerce .single_add_to_cart_button:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: -6px;
}

/* Obrubljeni gumb – widgetu dodajte klasu: hs-btn-outline */
.hs-btn-outline .elementor-button {
  background-color: transparent !important;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
  min-height: 50px;
  padding: 0 26px !important;
  clip-path: none;
}
.hs-btn-outline .elementor-button:hover {
  background-color: #FFFFFF !important;
  color: #3B3D3E !important;
  transform: none;
}
.hs-btn-outline .elementor-button-icon {
  transition: transform .2s ease;
}
.hs-btn-outline .elementor-button:hover .elementor-button-icon {
  transform: translateX(4px);
}

/* Svijetli gumb – widgetu dodajte klasu: hs-btn-light */
.hs-btn-light .elementor-button {
  background-color: #D0CFC4 !important;
  color: #242627 !important;
}
.hs-btn-light .elementor-button:hover {
  background-color: #FFFFFF !important;
  color: #242627 !important;
}
.hs-btn-light .elementor-button:focus-visible {
  outline-color: #242627;
}

/* Bez animacije za korisnike koji je ne žele */
@media (prefers-reduced-motion: reduce) {
  .elementor-button,
  .woocommerce .button,
  .hs-btn-outline .elementor-button-icon { transition: none; }
  .elementor-button:hover,
  .woocommerce .button:hover { transform: none; }
}
/* ===== Menu Cart – ikona košarice u headeru (bez stila gumba) ===== */
.elementor-menu-cart__toggle .elementor-button {
  background-color: transparent !important;
  color: #D0CFC4 !important;
  border: 0 !important;
  clip-path: none !important;
  transform: none !important;
  min-height: 44px;
  min-width: 44px;
  padding: 0 8px !important;
  letter-spacing: normal;
  text-transform: none;
}
.elementor-menu-cart__toggle .elementor-button:hover {
  background-color: transparent !important;
  color: #FFFFFF !important;
}
/* Menu Cart – veličina ikone (mijenjajte samo broj u prvom redu) */
.elementor-menu-cart__toggle .elementor-button-icon {
  font-size: 20px !important;
  color: inherit !important;
}
.elementor-menu-cart__toggle .elementor-button-icon i,
.elementor-menu-cart__toggle .elementor-button-icon svg {
  width: 1em !important;
  height: 1em !important;
  font-size: inherit !important;
  color: inherit !important;
  fill: currentColor !important;
}

/* Brojač artikala – crveni kružić */
.elementor-menu-cart__toggle .elementor-button-icon-qty[data-counter] {
  background-color: #C2091C !important;
  color: #FFFFFF !important;
  font-size: 11px;
  font-weight: 700;
}

/* Gumbi unutar mini košarice */
.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
  background-color: transparent !important;
  border: 2px solid #D0CFC4 !important;
  color: #D0CFC4 !important;
  clip-path: none !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover {
  background-color: #D0CFC4 !important;
  color: #242627 !important;
  transform: none;
}

/* ===== HS hero slider ===== */
.hs-hero-slider {
  position: relative;
}

/* Crtice – dolje lijevo, poravnate sa sadržajem */
.hs-hero-slider .swiper-pagination {
  position: absolute !important;
  z-index: 20 !important;
  top: auto !important;
  bottom: 40px !important;
  left: max(64px, calc((100vw - 1440px) / 2)) !important;
  right: auto !important;
  width: auto !important;
  transform: none !important;
  display: flex !important;
  gap: 6px;
}
.hs-hero-slider .swiper-pagination-bullet {
  display: block !important;
  width: 44px !important;
  height: 4px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #6A6D6F !important;
  opacity: 1 !important;
}
.hs-hero-slider .swiper-pagination-bullet-active {
  background: #C2091C !important;
}

/* Strelice – dolje desno */
.hs-hero-slider .elementor-swiper-button {
  z-index: 20 !important;
  top: auto !important;
  bottom: 24px !important;
  transform: none !important;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(36, 38, 39, 0.7);
  border: 1px solid #D0CFC4;
  color: #FFFFFF;
  font-size: 20px;
}
.hs-hero-slider .elementor-swiper-button:hover {
  background: #C2091C;
  border-color: #C2091C;
}
.hs-hero-slider .elementor-swiper-button-next {
  left: auto !important;
  right: max(64px, calc((100vw - 1440px) / 2)) !important;
}
.hs-hero-slider .elementor-swiper-button-prev {
  left: auto !important;
  right: calc(max(64px, calc((100vw - 1440px) / 2)) + 56px) !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .hs-hero-slider .swiper-pagination { left: 40px !important; }
  .hs-hero-slider .elementor-swiper-button-next { right: 40px !important; }
  .hs-hero-slider .elementor-swiper-button-prev { right: 96px !important; }
}
/* Mobitel */
@media (max-width: 767px) {
  .hs-hero-slider .swiper-pagination { left: 20px !important; bottom: 32px !important; }
  .hs-hero-slider .elementor-swiper-button-next { right: 20px !important; }
  .hs-hero-slider .elementor-swiper-button-prev { right: 76px !important; }
}

/* Oznaka „Nova kolekcija" s kosim rezom */
.hs-tag {
  width: auto !important;
  max-width: max-content;
  align-self: flex-start;
  background: none !important;
}
.hs-tag .elementor-heading-title {
  display: inline-block;
  background-color: #C2091C;
  color: #FFFFFF !important;
  font-family: 'Urbanist', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 7px 20px 7px 12px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}

/* ===== Pločice kategorija ===== */
.hs-cat {
  aspect-ratio: 1 / 1;
  min-height: 0 !important;
  overflow: hidden;
  transition: transform .25s ease;
}
.hs-cat:hover {
  transform: translateY(-4px);
}
.hs-cat .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.hs-cat .elementor-heading-title::after {
  content: "";
  width: 18px;
  height: 2px;
  background: #C2091C;
  transition: width .25s ease;
}
.hs-cat:hover .elementor-heading-title::after {
  width: 36px;
}
.hs-cat:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .hs-cat,
  .hs-cat .elementor-heading-title::after { transition: none; }
  .hs-cat:hover { transform: none; }
}
/* ===== Istaknuta kategorija ===== */
.hs-feature-cat {
  position: relative;
  overflow: hidden;
  background-color: #2E3031;
}

/* Crvena traka s kosim rezom – dolje lijevo */
.hs-feature-cat::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 38%;
  height: 14px;
  background: #C2091C;
  clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  z-index: 2;
  pointer-events: none;
}

/* Pozadinska slika s polaganim zoomom (opcija B) */
.hs-feature-cat .hs-bg-zoom {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.hs-feature-cat .hs-bg-zoom .elementor-widget-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hs-feature-cat .hs-bg-zoom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: hs-zoom 18s ease-in-out infinite alternate;
}
.hs-feature-cat .hs-bg-zoom .elementor-widget-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(36, 38, 39, 0.55);
}
@keyframes hs-zoom {
  from { transform: scale(1); }
  to   { transform: scale(1.08); }
}
@media (prefers-reduced-motion: reduce) {
  .hs-feature-cat .hs-bg-zoom img { animation: none; }
}
@media (max-width: 767px) {
  .hs-feature-cat::after { width: 60%; height: 10px; }
}
/* ===== Istaknuti proizvod ===== */
.hs-feature-prod {
  position: relative;
  overflow: hidden;
  background-color: #242627;
}
.hs-feature-prod .hs-fp-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 0;
  pointer-events: none;
}
.hs-feature-prod .hs-fp-bg .elementor-widget-container { height: 100%; }
.hs-feature-prod .hs-fp-content {
  position: relative;
  z-index: 1;
}

.hs-fp-deco { position: relative; width: 100%; height: 100%; }

/* Animirani natpis u pozadini */
.hs-fp-marquee {
  position: absolute;
  left: 0; right: 0; top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
}
.hs-fp-track {
  display: flex;
  width: max-content;
  animation: hs-marquee 40s linear infinite;
  font-family: 'Orbitron', sans-serif;
  font-weight: 900;
  font-size: 168px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1px rgba(208, 207, 196, 0.16);
}
.hs-fp-track span { padding-right: 80px; }

/* Crvena ploha s kosim rezom + odsjaj */
.hs-fp-panel {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 44%;
  background: #C2091C;
  clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);
  overflow: hidden;
}
.hs-fp-sweep {
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 18%;
  background: rgba(255, 255, 255, 0.14);
  animation: hs-sweep 6s ease-in-out infinite;
}

/* Proizvod lagano lebdi */
.hs-float img { animation: hs-float 6s ease-in-out infinite; }

@keyframes hs-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes hs-sweep {
  0%       { transform: translateX(-150%) skewX(-20deg); }
  55%,100% { transform: translateX(450%) skewX(-20deg); }
}
@keyframes hs-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-14px); }
}

/* Tablet */
@media (max-width: 1024px) {
  .hs-fp-panel { width: 50%; }
  .hs-fp-track { font-size: 120px; }
}
/* Mobitel – crvena ploha ide dolje, iza fotografije */
@media (max-width: 767px) {
  .hs-fp-track { font-size: 88px; }
  .hs-fp-panel {
    width: 100%;
    top: auto;
    height: 48%;
    clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%);
  }
}
/* Bez animacija za korisnike koji ih ne žele */
@media (prefers-reduced-motion: reduce) {
  .hs-fp-track, .hs-fp-sweep, .hs-float img { animation: none; }
}
/* ===== Kartica proizvoda ===== */
.hs-pcard-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: #2E3031;
}
.hs-pcard-media .elementor-widget-theme-post-featured-image,
.hs-pcard-media .elementor-widget-theme-post-featured-image .elementor-widget-container,
.hs-pcard-media .elementor-widget-theme-post-featured-image a {
  height: 100%;
  display: block;
}
.hs-pcard-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: transform .4s ease;
}
.hs-pcard:hover .hs-pcard-media img {
  transform: scale(1.04);
}

/* Oznaka „Novo" */
.hs-badge {
  position: absolute !important;
  top: 12px;
  left: 0;
  z-index: 2;
  width: auto !important;
}
.hs-badge .elementor-heading-title {
  display: inline-block;
  background: #C2091C;
  color: #FFFFFF !important;
  font-family: 'Urbanist', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 5px 16px 5px 10px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
}
.hs-badge .elementor-heading-title:empty { display: none; }
.hs-badge a { color: inherit !important; pointer-events: none; }

/* Cijena na akciji: stara precrtana siva, nova bijela */
.hs-pcard .price del { color: #B0AFA6; font-weight: 400; margin-right: 8px; }
.hs-pcard .price ins { text-decoration: none; }

/* Fokus tipkovnicom */
.hs-pcard:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 4px; }

@media (prefers-reduced-motion: reduce) {
  .hs-pcard-media img { transition: none; }
  .hs-pcard:hover .hs-pcard-media img { transform: none; }
}/* End custom CSS */