@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
/* =========================================================
   FASHION HOUSE - butik tema (obuca i torbe)
   Za Ecwid Instant Site (legacy) - fashionhousebutik.me
   Boje i font mijenjas samo u ovom bloku ispod.
   ========================================================= */
:root {
  --fh-black: #111111;
  --fh-text: #222222;
  --fh-muted: #8a8a8a;
  --fh-line: #e8e8e8;
  --fh-gray: #efefef;
  /* njezno siva - traka na vrhu i futer */
  --fh-soft: #f6f4f1;
  /* topla bez pozadina sekcija */
  --fh-accent: #9e1b32;
  /* bordo akcenat (popusti, hover) */
  --fh-font: 'Poppins', Arial, sans-serif;
}

/* ---------- OSNOVA ---------- */
body,
.tiles, .tile,
.ec-size .ec-wrapper,
.ec-size .ec-store,
.ec-size .ec-wrapper button,
.ec-size .ec-wrapper input,
.ec-size .ec-wrapper select,
.ec-size .ec-wrapper textarea,
.kinvasoft-multi-level-menu,
.kinvasoft-multi-level-menu * {
  font-family: var(--fh-font) !important;
}

body {
  color: var(--fh-text);
  background: #fff;
}

.tile h2, .tile h3 {
  color: var(--fh-black);
}

/* ---------- TRAKA NA VRHU (obavjestenje) ---------- */
.tile-cover::before {
  content: "BESPLATNA DOSTAVA ZA PORUD\00017D BINE PREKO 200 \0020AC   \002022   PLA\000106 ANJE POUZE\000106 EM  \002022   ISPORUKA ZA 2 DANA";
  display: block;
  background: var(--fh-gray);
  color: var(--fh-black);
  border-bottom: 1px solid var(--fh-line);
  text-align: center;
  font: 500 11px/1 var(--fh-font);
  letter-spacing: 1.5px;
  padding: 11px 15px;
}

/* ---------- MENI ---------- */
.tile-store .menu {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  border-bottom: 1px solid var(--fh-line);
}

.kinvasoft-menu {
  background: #fff !important;
}

.kinvasoft-menu > .kinvasoft-menu--item > a .name {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--fh-black) !important;
  position: relative;
  padding-bottom: 4px;
}

.kinvasoft-menu > .kinvasoft-menu--item > a .name::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--fh-accent);
  transform: scaleX(0);
  transition: transform .25s ease;
}

.kinvasoft-menu > .kinvasoft-menu--item > a:hover .name::after {
  transform: scaleX(1);
}

.kinvasoft-menu > .kinvasoft-menu--item.lastItem > a .name {
  color: var(--fh-accent) !important;
}

/* NOVA KOLEKCIJA */
.kinvasoft-menu .dropdown {
  border: 0 !important;
  border-top: 2px solid var(--fh-black) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

.kinvasoft-menu .dropdown a {
  font-size: 13px !important;
  color: var(--fh-text) !important;
}

.kinvasoft-menu .dropdown a:hover {
  color: var(--fh-accent) !important;
}

/* stari gornji red (cover) duplira logo - sakrivamo ga, ostaje samo siva traka */
.tile-cover .cover {
  display: none !important;
}

/* ---------- ZAGLAVLJE: logo na sredini, meni ispod (desktop) ---------- */
/* ID-jevi su ponovljeni namjerno: tako tema "pobijedi" stilove aplikacije za meni */
@media (min-width: 768px) {
  html body #kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0[class*="layout-desktop"] #kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0.kinvasoft-menu {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  html body #kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0[class*="layout-desktop"] #kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0.kinvasoft-menu > li.logo {
    flex: 0 0 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    margin: 0 !important;
    padding: 24px 0 18px !important;
    border-bottom: 1px solid var(--fh-line) !important;
  }
  html body #kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0[class*="layout-desktop"] #kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0.kinvasoft-menu > li.logo > a {
    display: flex !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    line-height: 0;
  }
  html body #kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0[class*="layout-desktop"] #kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0.kinvasoft-menu > li.logo img {
    height: 38px !important;
    width: auto !important;
    max-height: none !important;
  }
  html body #kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0[class*="layout-desktop"] #kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0.kinvasoft-menu > li.kinvasoft-menu--item {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body #kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0[class*="layout-desktop"] #kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0.kinvasoft-menu > li.kinvasoft-menu--item > a {
    padding: 16px 26px !important;
  }
}

/* bez strelica pored ZENE / MUSKARCI */
html body #kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0[class*="layout-desktop"] #kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0#kinvasoft-multi-level-menu--menu-0.kinvasoft-menu > li.kinvasoft-menu--item > a > .esi {
  display: none !important;
}

/* ---------- PLUTAJUCA LUPA (pretraga) - sakrivena ---------- */
.float-icons .float-icons__icon--search {
  display: none !important;
}

/* ---------- ZAGLAVLJE: logo na sredini (mobilni) ---------- */
html body #kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0#kinvasoft-multi-level-menu-0[class*="layout-mobile"] .top-panel .logo {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

/* ---------- NASLOVI SEKCIJA ---------- */
.ec-size .ec-wrapper .ec-page-title,
.tile h2 {
  font-family: var(--fh-font) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

.ec-size .ec-wrapper .ec-page-title::after,
.tile h2::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: var(--fh-accent);
  margin: 14px auto 0;
}

/* ---------- KATEGORIJE (Zene / Muskarci / Nova kolekcija) ---------- */
.ec-size .ec-wrapper .grid-category__card {
  border-radius: 0 !important;
  overflow: hidden;
}

.ec-size .ec-wrapper .grid-category__shadow,
.ec-size .ec-wrapper .grid-category__shadow-inner {
  box-shadow: none !important;
}

.ec-size .ec-wrapper .grid-category__image,
.ec-size .ec-wrapper .grid-category__bg-image {
  transition: transform .8s ease !important;
}

.ec-size .ec-wrapper .grid-category:hover .grid-category__image,
.ec-size .ec-wrapper .grid-category:hover .grid-category__bg-image {
  transform: scale(1.05);
}

.ec-size .ec-wrapper .grid-category__title-inner {
  font-family: var(--fh-font) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.ec-size .ec-wrapper .grid-category__title-inner::after {
  content: "POGLEDAJ  \002192 ";
  display: block;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2px;
}

/* ---------- SLIKE KATEGORIJA (artikli sa sajta) ----------
   Da promijenis sliku: otvori artikal na sajtu, desni klik na sliku ->
   "Copy image address" i zamijeni link u odgovarajucem redu ispod. */
.ec-size .ec-wrapper .grid-category__bg-image {
  background-color: #f6f4f1 !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.ec-size .ec-wrapper .grid-category__bg-image img {
  opacity: 0 !important;
}

/* tamniji prelaz pri dnu da se naslov vidi i na svijetlim slikama */
.ec-size .ec-wrapper .grid-category__shadow {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.55) 100%) !important;
}

/* ZENE (pocetna) */
.ec-size .ec-wrapper .grid-category--id-64738243 .grid-category__bg-image {
  background-image: url("https://d2j6dbq0eux0bg.cloudfront.net/images/39972033/products/865546550/6353293656.jpg") !important;
}

/* MUSKARCI (pocetna) */
.ec-size .ec-wrapper .grid-category--id-64730223 .grid-category__bg-image {
  background-image: url("https://d2j6dbq0eux0bg.cloudfront.net/images/39972033/3950978489.jpg") !important;
}

/* NOVA KOLEKCIJA (pocetna) */
.ec-size .ec-wrapper .grid-category--id-115710504 .grid-category__bg-image {
  background-image: url("https://d2j6dbq0eux0bg.cloudfront.net/images/39972033/5197546022.webp") !important;
}

/* ZENE > OBUCA */
.ec-size .ec-wrapper .grid-category--id-64701209 .grid-category__bg-image {
  background-image: url("https://d2j6dbq0eux0bg.cloudfront.net/images/39972033/products/823310574/5652925095.jpg") !important;
}

/* ZENE > TORBE */
.ec-size .ec-wrapper .grid-category--id-64723315 .grid-category__bg-image {
  background-image: url("https://d2j6dbq0eux0bg.cloudfront.net/images/39972033/products/873923900/6353449173.jpg") !important;
}

/* ZENE > AKSESOARI */
.ec-size .ec-wrapper .grid-category--id-65770377 .grid-category__bg-image {
  background-image: url("https://d2j6dbq0eux0bg.cloudfront.net/images/39972033/products/865778530/6261661966.jpg") !important;
}

/* MUSKARCI > OBUCA */
.ec-size .ec-wrapper .grid-category--id-64724193 .grid-category__bg-image {
  background-image: url("https://d2j6dbq0eux0bg.cloudfront.net/images/39972033/4667213923.jpg") !important;
}

/* ---------- KARTICE PROIZVODA ---------- */
.ec-size .ec-wrapper .grid-product__wrap,
.ec-size .ec-wrapper .grid-product__wrap-inner,
.ec-size .ec-wrapper .grid-product__shadow,
.ec-size .ec-wrapper .grid-product__shadow-inner {
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

.ec-size .ec-wrapper .grid-product__image {
  background: var(--fh-soft) !important;
  overflow: hidden;
}

.ec-size .ec-wrapper .grid-product__picture {
  transition: transform .6s ease, opacity .3s ease !important;
}

.ec-size .ec-wrapper .grid-product:hover .grid-product__picture {
  transform: scale(1.06);
}

.ec-size .ec-wrapper .grid-product__title-inner {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--fh-text) !important;
  letter-spacing: .2px;
  line-height: 1.5 !important;
}

.ec-size .ec-wrapper .grid-product__price-value {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--fh-black) !important;
}

/* cijena na popustu u bordo boji, stara cijena siva precrtana */
.ec-size .ec-wrapper .grid-product__price-compare ~ .grid-product__price-amount .grid-product__price-value,
.ec-size .ec-wrapper .grid-product__price--compare .grid-product__price-value {
  color: var(--fh-accent) !important;
}

.ec-size .ec-wrapper .grid-product__price-compare,
.ec-size .ec-wrapper .grid-product__price-compare * {
  color: var(--fh-muted) !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

/* oznaka NA POPUSTU */
.ec-size .ec-wrapper .product-label .product-label-text,
.ec-size .ec-wrapper .grid-product__label .ec-label {
  background: var(--fh-accent) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font: 600 10px/1 var(--fh-font) !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 7px 10px !important;
}

/* oznaka NA POPUSTU na stranici artikla, u korpi i svuda drugdje (bila narandzasta) */
.ec-size .ec-wrapper .ec-label.label--notice {
  background-color: var(--fh-accent) !important;
  border-color: var(--fh-accent) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-family: var(--fh-font) !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ec-size .ec-wrapper .ec-label.label--notice * {
  color: #fff !important;
}

.ec-size .ec-wrapper .ec-label.label--notice::before,
.ec-size .ec-wrapper .ec-label.label--notice::after {
  border-color: var(--fh-accent) !important;
}

/* ---------- DUGMAD ---------- */
.ec-size .ec-wrapper .form-control--primary .form-control__button,
.cover__cta a,
.cover-button {
  background: var(--fh-black) !important;
  border-color: var(--fh-black) !important;
  color: #fff !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600 !important;
  transition: background .25s ease, border-color .25s ease !important;
}

.ec-size .ec-wrapper .form-control--primary .form-control__button:hover,
.cover__cta a:hover,
.cover-button:hover {
  background: var(--fh-accent) !important;
  border-color: var(--fh-accent) !important;
}

.ec-size .ec-wrapper .form-control--secondary .form-control__button {
  border-radius: 0 !important;
  border: 1px solid var(--fh-black) !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* sortiranje i filteri - diskretnije */
.ec-size .ec-wrapper .grid__sort,
.ec-size .ec-wrapper .ec-filters__title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px !important;
}

/* ---------- STRANICA PROIZVODA ---------- */
.ec-size .ec-wrapper .product-details__product-title {
  font-family: var(--fh-font) !important;
  font-weight: 500 !important;
  letter-spacing: .3px;
}

.ec-size .ec-wrapper .details-product-price__value {
  font-weight: 600 !important;
  color: var(--fh-black) !important;
}

.ec-size .ec-wrapper .details-product-price-discount__value {
  color: var(--fh-accent) !important;
}

.ec-size .ec-wrapper .details-product-option .form-control__radio-view,
.ec-size .ec-wrapper .details-product-option--Size .form-control,
.ec-size .ec-wrapper .details-product-option .form-control--select {
  border-radius: 0 !important;
}

/* ---------- SEKCIJE ISPOD PRODAVNICE ---------- */
.tile-info, .tile-reviews, .tile-location,
.tile-info > div, .tile-reviews > div, .tile-location > div {
  background: var(--fh-soft) !important;
}

.tile-about, .tile-contactInfo {
  background: #fff !important;
}

.tile-info .description,
.tile-about .description {
  color: #555;
  font-size: 14px;
  line-height: 1.8;
}

.reviews__item {
  background: #fff;
  padding: 30px 24px !important;
  border: 1px solid var(--fh-line);
}

.review__desc p {
  font-style: italic;
  color: #444;
  font-size: 14px;
  line-height: 1.7;
}

.review__author-name {
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px !important;
  color: var(--fh-black) !important;
}

.review__author-title {
  color: var(--fh-muted) !important;
  font-size: 12px !important;
}

/* ---------- SEKCIJA KONTAKT sakrivena (kontakt je u novom futeru) ---------- */
.tile-contactInfo {
  display: none !important;
}

/* O nama, Adresa, Narucivanje/placanje/reklamacije i Utisci kupaca - sakrivene sa pocetne.
   Otvaraju se tek klikom na link u futeru (O nama, Lokacija, Dostava i reklamacije, Utisci kupaca). */
.tile-about:not(.fh-show),
.tile-location:not(.fh-show),
.tile-info:not(.fh-show),
.tile-reviews:not(.fh-show) {
  display: none !important;
}

.tile-footer .ec-likely {
  display: none !important;
}

/* bez "Prijavite zloupotrebu" i tacke iza "Fashion House" */
.tile-footer .copyright__abuse-report {
  display: none !important;
}

.tile-footer .copyright__text::after {
  content: none !important;
  display: none !important;
}

/* ---------- FUTER ---------- */
html body .tile.tile-footer,
html body .tile.tile-footer .footer {
  background: var(--fh-gray) !important;
  color: #555 !important;
  border-top: 1px solid var(--fh-line);
}

html body .tile-footer a {
  color: var(--fh-black) !important;
}

html body .tile-footer a:hover {
  color: var(--fh-accent) !important;
}

.tile-footer .copyright, .tile-footer .copyright * {
  color: #777 !important;
  font-size: 12px;
  letter-spacing: .5px;
}

/* ---------- NOVI FUTER (radi zajedno sa JavaScript kodom za futer) ---------- */
.tile-footer .footer.fh-on > div:not(#fh-footer) {
  display: none !important;
}

html body .tile.tile-footer .footer.fh-on {
  padding: 0 !important;
  text-align: left !important;
}

html body .tile-footer .footer > #fh-footer {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#fh-footer {
  font-family: var(--fh-font);
  color: #555;
  font-size: 13px;
}

#fh-footer .fh-cols {
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 24px 36px;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 40px;
}

#fh-footer h4 {
  margin: 6px 0 18px;
  font: 600 13px/1.2 var(--fh-font);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--fh-black);
}

#fh-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#fh-footer li {
  margin: 0 0 11px;
  line-height: 1.5;
}

html body #fh-footer a {
  color: #555 !important;
  text-decoration: none;
  transition: color .2s;
}

html body #fh-footer a:hover {
  color: var(--fh-accent) !important;
}

#fh-footer .fh-logo img {
  height: 30px;
  width: auto;
  display: block;
  mix-blend-mode: multiply;
}

#fh-footer .fh-ig {
  display: inline-flex;
  margin: 18px 0 14px;
}

html body #fh-footer .fh-ig {
  color: var(--fh-black) !important;
}

#fh-footer .fh-ig svg {
  width: 22px;
  height: 22px;
}

#fh-footer .fh-info li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

#fh-footer .fh-info svg {
  flex: 0 0 18px;
  margin-top: 1px;
  color: var(--fh-black);
}

#fh-footer .fh-pay {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 24px;
  border-top: 1px solid #dcdcdc;
  font-size: 12px;
  letter-spacing: .3px;
}

#fh-footer .fh-pay span {
  font-weight: 600;
  color: var(--fh-black);
  margin-right: 4px;
}

#fh-footer .fh-bottom {
  background: var(--fh-black);
  color: #bbb;
  text-align: center;
  font-size: 12px;
  letter-spacing: .5px;
  padding: 16px 24px;
}

@media (max-width: 900px) {
  #fh-footer .fh-cols {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
    padding-top: 40px;
  }
  #fh-footer .fh-brand {
    grid-column: 1 / -1;
  }
}

/* ---------- LINKOVI ---------- */
.ec-size .ec-wrapper .ec-link {
  color: var(--fh-black) !important;
}

.ec-size .ec-wrapper .ec-link:hover {
  color: var(--fh-accent) !important;
}

/* ---------- MOBILNI ---------- */
@media (max-width: 767px) {
  .tile-cover::before {
    content: "BESPLATNA DOSTAVA PREKO 200 \0020AC   \002022   PLA\000106 ANJE POUZE\000106 EM";
    font-size: 10px;
    letter-spacing: 1px;
  }
  .ec-size .ec-wrapper .ec-page-title,
.tile h2 {
    font-size: 19px !important;
    letter-spacing: 1.5px;
  }
  .ec-size .ec-wrapper .grid-category__title-inner {
    font-size: 16px !important;
  }
}