/* Inter: učitava se u template_top.php (bez @import — manje blokiranja layouta). */

/*
 * Dizajn-sustav — Sage Green: pozadina #f4f6f0, svijetlo #d4dfc4, medium #a8bf7a,
 * primarno #6b8f4e, tamni tekst #344a24, bijeli tekst na tamnozelenim CTA.
 */
:root {
  --mo-page-bg: #f4f6f0;
  --mo-surface: #ffffff;
  --mo-surface-soft: #f4f6f0;
  --mo-input-bg: #f7faf4;
  --mo-sage-light: #d4dfc4;
  --mo-sage-medium: #a8bf7a;
  --mo-sage-primary: #6b8f4e;
  --mo-sage-dark: #344a24;
  --mo-line: #d4dfc4;
  --mo-input-border: #d4dfc4;
  --mo-olive: #6b8f4e;
  --mo-olive-hover: #5c7a45;
  --mo-olive-active: #4d6838;
  /* Traka kategorija */
  --mo-accent-tab: #d4dfc4;
  --mo-accent-tab-hover: #c9d6b6;
  --mo-accent-tab-border: #a8bf7a;
  --mo-accent-tab-ink: #344a24;
  --mo-cta-text: #ffffff;
  --mo-banner-heading: #344a24;
  --mo-body-text: #344a24;
  --mo-olive-heading: var(--mo-banner-heading);
  --mo-category-pill-bg: #f0f4eb;
  --mo-category-pill-border: rgba(107, 143, 78, 0.28);
  --mo-nav-bg: #f4f6f0;
  --mo-category-strip-bg: var(--mo-accent-tab);
  --mo-nav-bg-hover: #eaf0e4;
  --mo-nav-ink: #344a24;
  --mo-nav-border: rgba(52, 74, 36, 0.14);
  /* Kartice */
  --mo-discount-badge: #6b8f4e;
  --mo-card-title: #344a24;
  /* Marka / kategorija iznad naziva kartice — ne ispod ~11 px praktične čitljivosti uz body 13–15 px */
  --mo-card-category: #3a4b38;
  --mo-card-price: #3d5240;
  --mo-cart-ghost: #6b8f4e;
  /* Jedinstvena tipografija i gumbi (desktop; mobilno u @media) */
  --mo-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --mo-text-base: 15px;
  --mo-text-sm: 14px;
  --mo-text-xs: 13px;
  --mo-leading: 1.65;
  --mo-heading-weight: 600;
  --mo-btn-fs: 13px;
  --mo-btn-fw: 600;
  --mo-btn-radius: 14px;
  --mo-cta-height: 42px;
  --mo-btn-pad-y: 0px;
  --mo-btn-pad-x: 20px;
  --mo-btn-max-width: min(100%, 22rem);
}

/* BASE */
.mj-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body {
  font-family: var(--mo-font-sans) !important;
  background: var(--mo-page-bg) !important;
  font-size: var(--mo-text-base) !important;
  line-height: var(--mo-leading) !important;
  color: var(--mo-body-text) !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Site-wide: bez horizontalnog „sweepa” i animiranja širine (mj-template transition: all) */
html {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
#mj-container,
#mj-maincontent,
.mj-subcontainer {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container a,
#mj-container a:hover {
  transition-property: color, background-color, border-color, opacity, box-shadow !important;
  transition-duration: 0.3s !important;
  transition-timing-function: ease-in !important;
}
#mj-slides {
  width: 100% !important;
  max-width: 100% !important;
}
/* Jedan font u cijelom shopu: nasljeđivanje od #mj-container (FontAwesome izuzetak) */
#mj-container {
  font-family: var(--mo-font-sans) !important;
}
#mj-container * {
  font-family: inherit !important;
}
#mj-container .fa,
#mj-container i.fa,
#mj-container [class^="fa-"],
#mj-container [class*=" fa-"] {
  font-family: FontAwesome !important;
}

/* Cookie bar — dizajn Tvoja ljekarna.
   Gornji način: position fixed + dinamički padding na #mj-container (template_top) — sticky je na ovom layoutu često „nestajao“ ili bio ispod headera.
   Donji (.bottom): fixed iznad thumbs. mj-template je imao height:24px → režao tekst. */
#cookie-bar {
  background: var(--mo-sage-dark) !important;
  color: #f4fbf0 !important;
  padding: 0 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#cookie-bar.fixed:not(.bottom) {
  border-bottom: 1px solid rgba(168, 191, 122, 0.28) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100vw !important;
}
#cookie-bar.fixed.bottom {
  border-top: 1px solid rgba(178, 210, 140, 0.45) !important;
  border-bottom: none !important;
  box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.16) !important;
  position: fixed !important;
}
#cookie-bar.fixed {
  display: block !important;
  z-index: 2147483646 !important;
}
#cookie-bar .mo-cookie-bar__inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 14px max(14px, env(safe-area-inset-right)) 14px max(14px, env(safe-area-inset-left)) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px 22px !important;
  box-sizing: border-box !important;
}
/* Notch — gornji način: tekst ostane ispod status bara */
#cookie-bar.fixed:not(.bottom) .mo-cookie-bar__inner {
  padding-top: max(14px, env(safe-area-inset-top, 0px)) !important;
}
#cookie-bar.fixed.bottom .mo-cookie-bar__inner {
  padding-bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
}
#cookie-bar .mo-cookie-bar__msg {
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 240px !important;
  font-family: var(--mo-font-sans) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.52 !important;
  text-transform: none !important;
  text-align: left !important;
  color: rgba(255, 255, 252, 0.98) !important;
  letter-spacing: 0.01em !important;
  -webkit-font-smoothing: antialiased !important;
}
/* seopage / staro: ciljalo je samo još <p> unutar trake */
#cookie-bar p {
  text-transform: none !important;
  font-weight: 600 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.52 !important;
  color: rgba(255, 255, 252, 0.98) !important;
}
#cookie-bar .mo-cookie-bar__policy {
  color: #eaffb8 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
  font-weight: 700 !important;
}
#cookie-bar .mo-cookie-bar__policy:hover {
  color: #ffffff !important;
}
#cookie-bar .mo-cookie-bar__actions {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}
#cookie-bar .mo-cookie-bar__actions .cb-enable,
#cookie-bar .mo-cookie-bar__actions .cb-disable,
#cookie-bar .mo-cookie-bar__actions .cb-policy {
  font-family: var(--mo-font-sans) !important;
  letter-spacing: 0.01em !important;
}
#cookie-bar .cb-enable,
#cookie-bar .cb-disable,
#cookie-bar .cb-policy {
  margin-left: 0 !important;
  padding: 9px 18px !important;
  border-radius: var(--mo-btn-radius) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: none !important;
  cursor: pointer !important;
}
#cookie-bar .cb-enable {
  background: var(--mo-sage-primary) !important;
  color: var(--mo-cta-text) !important;
  border: none !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
}
#cookie-bar .cb-enable:hover {
  background: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}
#cookie-bar .cb-disable {
  background: transparent !important;
  color: rgba(248, 250, 244, 0.95) !important;
  border: 1px solid rgba(248, 250, 244, 0.42) !important;
}
#cookie-bar .cb-disable:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(248, 250, 244, 0.62) !important;
}

/* Skriveni blokovi obrasca (quick reg / share) — ne smiju zauzimati prostor ako inline stil padne */
.mj-form-panel-hidden {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  border: 0 !important;
  pointer-events: none !important;
}
/* Umjeren tekst u shopu — bez forsiranja svakog span/div (kartice, badge) */
#mj-container p,
#mj-container li,
#mj-container td,
#mj-container th,
#mj-container label,
#mj-container .contentText {
  font-size: var(--mo-text-base) !important;
  line-height: var(--mo-leading) !important;
}

/* Glavni sadržaj: malo više „zraka” ispod teksta, čitljiviji tijek */
#mj-container #mj-maincontent #mj-contentarea {
  padding-bottom: 1.5rem !important;
  text-rendering: optimizeLegibility !important;
}
/* homepage.css / nohomepage.css su imali position:right ±% (legacy float) — širilo scrollWidth + bijeli rub pri suženom desktopu */
#mj-container #mj-maincontent #mj-contentarea,
#mj-container #mj-maincontent #mj-right {
  left: auto !important;
  right: auto !important;
}
#mj-container #mj-maincontent #mj-contentarea .contentText > p,
#mj-container #mj-maincontent #mj-contentarea .contentContainer > .contentText > p {
  margin: 0 0 1.125rem 0 !important;
}
#mj-container #mj-maincontent #mj-contentarea .contentText > p:last-child,
#mj-container #mj-maincontent #mj-contentarea .contentContainer > .contentText > p:last-child {
  margin-bottom: 0 !important;
}
#mj-container #mj-maincontent #mj-contentarea .contentText > ul,
#mj-container #mj-maincontent #mj-contentarea .contentText > ol {
  margin: 0 0 1.125rem 0 !important;
  padding-left: 1.35rem !important;
}
#mj-container #mj-maincontent #mj-contentarea .contentText > ul > li,
#mj-container #mj-maincontent #mj-contentarea .contentText > ol > li {
  margin-bottom: 0.35em !important;
}

/*
 * Početna i index?spectype — uvod (naslov + odlomak) iznad mreže: veća tipografija,
 * čitljiviji tijek u užem stupcu kad postoje #mj-left / #mj-right.
 */
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > h1,
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > h1 {
  font-size: clamp(1.35rem, 2.5vw + 0.5rem, 1.95rem) !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: var(--mo-sage-primary) !important;
  -webkit-text-fill-color: var(--mo-sage-primary) !important;
  text-align: start !important;
  margin: 0 0 1rem 0 !important;
  max-width: 40rem !important;
}
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > h1[style*="137"],
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > h1[style*="137"] {
  color: var(--mo-sage-primary) !important;
  -webkit-text-fill-color: var(--mo-sage-primary) !important;
}
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > h2,
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > h2 {
  font-size: clamp(1.1rem, 1.2vw + 0.85rem, 1.35rem) !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  text-align: start !important;
  margin: 0.5rem 0 0.5rem 0 !important;
  max-width: 40rem !important;
}
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > p,
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > p {
  font-size: clamp(1rem, 0.35vw + 0.95rem, 1.125rem) !important;
  line-height: 1.72 !important;
  text-align: start !important;
  color: var(--mo-body-text) !important;
  max-width: 40rem !important;
  margin: 0 0 1rem 0 !important;
}
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > em,
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > em {
  display: block !important;
  font-style: normal !important;
  max-width: 40rem !important;
  margin: 0 0 1.125rem 0 !important;
}
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > em h1,
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > em h1 {
  font-size: clamp(1.35rem, 2.5vw + 0.5rem, 1.95rem) !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: var(--mo-sage-primary) !important;
  -webkit-text-fill-color: var(--mo-sage-primary) !important;
  text-align: start !important;
  margin: 0 0 0.65rem 0 !important;
}
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > em p,
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > em p {
  font-size: clamp(1rem, 0.35vw + 0.95rem, 1.125rem) !important;
  line-height: 1.72 !important;
  text-align: start !important;
  color: var(--mo-body-text) !important;
  margin: 0 0 0.75rem 0 !important;
}
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > .special-offers-title,
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > .special-offers-title {
  max-width: 40rem !important;
  text-align: start !important;
}
body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > .special-offers-title h1,
body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > .special-offers-title h1 {
  font-size: clamp(1.2rem, 2vw + 0.45rem, 1.65rem) !important;
  line-height: 1.28 !important;
  text-align: start !important;
}

/* Baneri (.center) između sekcija — zrak gore/dolje (često <br><br><img class="center"> iz modula) */
body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent img.center,
body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent img.center {
  display: block !important;
  margin-top: clamp(16px, 2.2vw, 24px) !important;
  margin-bottom: clamp(16px, 2.2vw, 24px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}
/* Puni baner u jednom linku (bez klase center) */
body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child),
body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) {
  display: block !important;
  margin-top: clamp(16px, 2.2vw, 24px) !important;
  margin-bottom: clamp(16px, 2.2vw, 24px) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) img,
body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Mobilno — spectype / početnica (#view1): čitljiviji uvod, kompaktniji baner iznad mreže */
@media screen and (max-width: 979px) {
  body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > h1,
  body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > h1 {
    font-size: clamp(1.18rem, 0.55rem + 2.8vw, 1.42rem) !important;
    line-height: 1.24 !important;
    margin-bottom: 0.75rem !important;
  }
  body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > h2,
  body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > h2 {
    font-size: clamp(1.05rem, 0.52rem + 1.8vw, 1.22rem) !important;
    line-height: 1.32 !important;
  }
  body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > p,
  body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > p {
    font-size: clamp(1.0625rem, 0.48rem + 1.5vw, 1.14rem) !important;
    line-height: 1.65 !important;
    margin-bottom: 0.85rem !important;
  }
  body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > em h1,
  body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > em h1 {
    font-size: clamp(1.14rem, 0.5rem + 2.6vw, 1.38rem) !important;
    line-height: 1.26 !important;
  }
  body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > em p,
  body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > em p {
    font-size: clamp(1.0625rem, 0.48rem + 1.5vw, 1.14rem) !important;
    line-height: 1.65 !important;
  }
  body.homepage #mj-container #mj-contentarea #tabcontents .tabcontent > .special-offers-title h1,
  body.spectype #mj-container #mj-contentarea #tabcontents .tabcontent > .special-offers-title h1 {
    font-size: clamp(1.1rem, 0.52rem + 2.2vw, 1.32rem) !important;
  }

  body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent img.center,
  body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent img.center {
    width: auto !important;
    max-width: min(91vw, 352px) !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
  }
  body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child),
  body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    max-width: min(91vw, 352px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) img,
  body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) img {
    width: auto !important;
    max-width: 100% !important;
  }
}

/* jQuery UI primary — kao sekundarni: ista visina, bez obruba, uppercase (na cijelom shopu izvan #mj-container drugi blokovi dorade posebno) */
#mj-maincontent button.ui-button.ui-priority-primary,
#mj-maincontent .ui-button.ui-priority-primary,
#mj-maincontent button.ui-button.ui-priority-primary.ui-state-default,
#mj-maincontent .ui-button.ui-priority-primary.ui-state-hover,
button.ui-button.ui-priority-primary.ui-widget {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  text-shadow: none !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  font-size: var(--mo-btn-fs) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
}
#mj-maincontent button.ui-button.ui-priority-primary:hover,
#mj-maincontent button.ui-button.ui-priority-primary:focus-visible,
#mj-maincontent .ui-button.ui-priority-primary.ui-state-hover,
#mj-maincontent .ui-button.ui-priority-primary.ui-state-focus {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
}
#mj-maincontent .ui-button.ui-priority-primary .ui-button-text,
#mj-maincontent button.ui-button.ui-priority-primary .ui-button-text {
  color: var(--mo-cta-text) !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}

/* Goli <button class="btn-bs4"> prije/uz jQuery UI (npr. Naplati / Potvrdi) */
#mj-maincontent button.btn-bs4,
#checkoutConfirmation button.btn-bs4,
body.site-form-flow button.btn-bs4 {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: 0 var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  font-size: var(--mo-btn-fs) !important;
  font-family: inherit !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
  box-sizing: border-box !important;
}
#mj-maincontent button.btn-bs4:hover,
#checkoutConfirmation button.btn-bs4:hover,
body.site-form-flow button.btn-bs4:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}

/* <input type="submit"> u glavnom sadržaju (npr. vanjski gateway obrasci) */
#mj-maincontent input[type="submit"],
#checkoutConfirmation input[type="submit"],
body.site-form-flow .contentContainer input[type="submit"] {
  background: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: 0 var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  font-size: var(--mo-btn-fs) !important;
  cursor: pointer !important;
  font-family: inherit !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
#mj-maincontent input[type="submit"]:hover,
#checkoutConfirmation input[type="submit"]:hover {
  background: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}

/* Nadjačaj legacy mj-template (.tdbLink>button) dok span još ima klasu prije učitavanja */
#mj-container #mj-maincontent #mj-contentarea .contentContainer .tdbLink > button,
#mj-container #mj-maincontent #mj-contentarea .contentContainer .contentText .tdbLink > button {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
  border: none !important;
  border-radius: var(--mo-btn-radius) !important;
  font-weight: var(--mo-btn-fw) !important;
  font-size: var(--mo-btn-fs) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  padding: 0 var(--mo-btn-pad-x) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
#mj-container #mj-maincontent #mj-contentarea .contentContainer .tdbLink > button:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}

/*
 * Shop — tipografija (Inter) i svi jQuery UI / CTA gumbi u kolonama (DETALJI, Natrag, paginacija …)
 * Nadjačaj legacy #account_history .tdbLink iz mj-template.css
 */
#mj-container #mj-maincontent,
#mj-container #mj-maincontent #mj-contentarea,
#mj-container #mj-header,
#mj-container #mj-footer,
#mj-container #mj-menubar,
#mj-container #mj-left,
#mj-container #mj-right {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}
#mj-container h1,
#mj-container h2,
#mj-container h3,
#mj-container h4,
#mj-container h5,
#mj-container h6 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
#mj-container .ui-widget {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
#mj-container #mj-maincontent button,
#mj-container #mj-maincontent select,
#mj-container #mj-maincontent textarea,
#mj-container #mj-maincontent input[type="text"],
#mj-container #mj-maincontent input[type="password"],
#mj-container #mj-maincontent input[type="email"],
#mj-container #mj-maincontent input[type="search"],
#mj-container #mj-maincontent input[type="number"],
#mj-container #mj-maincontent input[type="tel"],
#mj-container #mj-maincontent input[type="url"],
#mj-container #mj-maincontent input[type="date"],
#mj-container #mj-maincontent input[type="submit"],
#mj-container #mj-maincontent input[type="button"],
#mj-container #mj-maincontent input[type="reset"] {
  font-family: inherit !important;
}

/* jQuery UI primarni — kao sekundarni: ista visina, obrub 0, UPPERCASE (#mj-container) */
#mj-container #mj-maincontent a.ui-button.ui-priority-primary,
#mj-container #mj-maincontent button.ui-button.ui-priority-primary,
#mj-container #mj-maincontent .ui-button.ui-priority-primary.ui-state-default,
#mj-container #mj-maincontent .ui-button.ui-priority-primary.ui-state-hover,
#mj-container #mj-left a.ui-button.ui-priority-primary,
#mj-container #mj-left button.ui-button.ui-priority-primary,
#mj-container #mj-right a.ui-button.ui-priority-primary,
#mj-container #mj-right button.ui-button.ui-priority-primary,
#mj-container #mj-maincontent #account_history a.ui-button.ui-priority-primary,
#mj-container #mj-maincontent #account_history button.ui-button.ui-priority-primary {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  text-shadow: none !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  font-size: var(--mo-btn-fs) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
#mj-container #mj-maincontent a.ui-button.ui-priority-primary:hover,
#mj-container #mj-maincontent a.ui-button.ui-priority-primary:focus-visible,
#mj-container #mj-maincontent button.ui-button.ui-priority-primary:hover,
#mj-container #mj-maincontent .ui-button.ui-priority-primary.ui-state-hover,
#mj-container #mj-maincontent .ui-button.ui-priority-primary.ui-state-focus,
#mj-container #mj-left a.ui-button.ui-priority-primary:hover,
#mj-container #mj-right a.ui-button.ui-priority-primary:hover,
#mj-container #mj-maincontent #account_history a.ui-button.ui-priority-primary:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
}
#mj-container #mj-maincontent .ui-button.ui-priority-primary .ui-button-text,
#mj-container #mj-left .ui-button.ui-priority-primary .ui-button-text,
#mj-container #mj-right .ui-button.ui-priority-primary .ui-button-text {
  color: var(--mo-cta-text) !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}

/* SECONDARY — ista sage, ista visina (kao primarni) */
#mj-container #mj-maincontent a.ui-button.ui-priority-secondary,
#mj-container #mj-maincontent button.ui-button.ui-priority-secondary,
#mj-container #mj-maincontent .ui-button.ui-priority-secondary.ui-state-default,
#mj-container #mj-maincontent .ui-button.ui-priority-secondary.ui-state-hover,
#mj-container #mj-left a.ui-button.ui-priority-secondary,
#mj-container #mj-left button.ui-button.ui-priority-secondary,
#mj-container #mj-right a.ui-button.ui-priority-secondary,
#mj-container #mj-right button.ui-button.ui-priority-secondary,
#mj-container .buttonRow:not(.forward) input[type="submit"],
#mj-container a.button,
#mj-container .button:not(.navbar-toggle):not(.close) {
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  border-radius: var(--mo-btn-radius) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  border: none !important;
  text-decoration: none !important;
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  transition: background 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

#mj-container #mj-maincontent a.ui-button.ui-priority-secondary:hover,
#mj-container #mj-maincontent a.ui-button.ui-priority-secondary:focus-visible,
#mj-container #mj-maincontent button.ui-button.ui-priority-secondary:hover,
#mj-container #mj-maincontent button.ui-button.ui-priority-secondary:focus-visible,
#mj-container #mj-maincontent .ui-button.ui-priority-secondary.ui-state-hover,
#mj-container #mj-maincontent .ui-button.ui-priority-secondary.ui-state-focus,
#mj-container #mj-left a.ui-button.ui-priority-secondary:hover,
#mj-container #mj-left button.ui-button.ui-priority-secondary:hover,
#mj-container #mj-right a.ui-button.ui-priority-secondary:hover,
#mj-container #mj-right button.ui-button.ui-priority-secondary:hover,
#mj-container .buttonRow:not(.forward) input[type="submit"]:hover,
#mj-container a.button:hover,
#mj-container .button:not(.navbar-toggle):not(.close):hover {
  background: var(--mo-olive-hover, #5c7a45) !important;
  background-color: var(--mo-olive-hover, #5c7a45) !important;
  color: #ffffff !important;
}

#mj-container #mj-maincontent .ui-button.ui-priority-secondary .ui-button-text,
#mj-container #mj-left .ui-button.ui-priority-secondary .ui-button-text,
#mj-container #mj-right .ui-button.ui-priority-secondary .ui-button-text {
  color: #ffffff !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}

/* Dekorativne ikone uz tekst na jQuery UI gumbima — skrivene (icon-only kao zatvor dijaloga ostaje). */
#mj-maincontent .ui-button:not(.ui-button-icon-only) span.ui-icon,
#mj-container #mj-maincontent .ui-button:not(.ui-button-icon-only) span.ui-icon,
#mj-container #mj-left .ui-button:not(.ui-button-icon-only) span.ui-icon,
#mj-container #mj-right .ui-button:not(.ui-button-icon-only) span.ui-icon,
#mj-container .mj-logincontainer .ui-button:not(.ui-button-icon-only) span.ui-icon,
#mj-container .mj-signupcontainer .ui-button:not(.ui-button-icon-only) span.ui-icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Goli input gumbi u glavnoj koloni */
#mj-container #mj-maincontent input[type="button"],
#mj-container #mj-maincontent input[type="reset"],
#mj-container #mj-maincontent input[type="submit"] {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: 0 var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  font-size: var(--mo-btn-fs) !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  box-sizing: border-box !important;
}
#mj-container #mj-maincontent input[type="button"]:hover,
#mj-container #mj-maincontent input[type="reset"]:hover,
#mj-container #mj-maincontent input[type="submit"]:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
}

/* Paginacija (splitPageResults); dvostuko # nadjača .mj-pagination — bez pozadinskog ispuna */
#mj-container #mj-maincontent a.pageResults,
#mj-container #mj-maincontent .mj-pagination a.pageResults {
  display: inline-block !important;
  padding: 8px 14px !important;
  margin: 2px 4px 2px 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--mo-body-text, #3a4534) !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}
#mj-container #mj-maincontent a.pageResults u {
  text-decoration: none !important;
  color: inherit !important;
  font-weight: inherit !important;
}
#mj-container #mj-maincontent a.pageResults:hover,
#mj-container #mj-maincontent a.pageResults:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--mo-olive, #6d8f52) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Opis proizvoda (tab): kartica + naslovi odjeljaka (OPIS PROIZVODA, NAČIN PRIMJENE, …) */
.mj-productinfo .mj_prodinfo_tabcontent .mo-product-description {
  background: var(--mo-surface) !important;
  border: 1px solid rgba(107, 143, 78, 0.2) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 22px rgba(52, 74, 36, 0.07) !important;
  padding: 1rem 1rem 1.2rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--mo-body-text) !important;
  -webkit-font-smoothing: antialiased !important;
}
@media (min-width: 769px) {
  .mj-productinfo .mj_prodinfo_tabcontent .mo-product-description {
    padding: 1.22rem 1.35rem 1.48rem !important;
    font-size: 15px !important;
    max-width: min(48rem, 100%) !important;
    line-height: 1.68 !important;
  }
}
@media (max-width: 480px) {
  .mj-productinfo .mj_prodinfo_tabcontent .mo-product-description {
    padding: 0.82rem 0.82rem 1rem !important;
    border-radius: 12px !important;
  }
}
.mj-productinfo .mj_prodinfo_tabcontent .mo-product-description a {
  color: var(--mo-olive) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.mj-productinfo .mj_prodinfo_tabcontent .mo-product-description a:hover {
  color: var(--mo-olive-hover) !important;
}
.mj-productinfo .mj_prodinfo_tabcontent .mo-product-description__meta {
  margin: 1.1rem 0 0 !important;
  padding-top: 0.75rem !important;
  border-top: 1px dashed var(--mo-line) !important;
  font-size: 0.8125rem !important;
  color: var(--mo-body-text) !important;
  opacity: 0.76 !important;
}
.mj-productinfo .mj_prodinfo_tabcontent #view1 b,
.mj-productinfo .mj_prodinfo_tabcontent #view1 strong {
  font-family: var(--mo-font-sans) !important;
  color: var(--mo-sage-dark) !important;
  font-weight: 700 !important;
  font-size: clamp(0.78rem, 2.1vw, 0.845rem) !important;
  line-height: 1.35 !important;
  letter-spacing: 0.062em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin: 1.35rem 0 0.55rem !important;
  padding: 0.5rem 0.72rem !important;
  border-left: 3px solid rgba(107, 143, 78, 0.88) !important;
  background: linear-gradient(90deg, rgba(212, 223, 196, 0.38) 0%, rgba(255, 255, 255, 0) 80%) !important;
  border-radius: 0 8px 8px 0 !important;
}
.mj-productinfo .mj_prodinfo_tabcontent .mo-product-description > b:first-of-type,
.mj-productinfo .mj_prodinfo_tabcontent .mo-product-description > strong:first-of-type {
  margin-top: 0 !important;
}
.mj-productinfo .mj_prodinfo_tabcontent #view1 > b:first-of-type,
.mj-productinfo .mj_prodinfo_tabcontent #view1 > strong:first-of-type {
  margin-top: 0 !important;
}
.mj-productinfo .mj_prodinfo_tabcontent div.tabcontents,
.mj-productinfo .mj_prodinfo_tabcontent #view1 {
  font-size: inherit !important;
  line-height: inherit !important;
  color: var(--mo-body-text) !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--mo-font-sans) !important;
  color: var(--mo-banner-heading) !important;
  font-weight: var(--mo-heading-weight) !important;
}
#mj-container h1 { font-size: 1.5rem !important; line-height: 1.3 !important; }
#mj-container h2 { font-size: 1.35rem !important; line-height: 1.35 !important; }
#mj-container h3 { font-size: 1.2rem !important; line-height: 1.4 !important; }
#mj-container h4 { font-size: 1.1rem !important; line-height: 1.4 !important; }
#mj-container h5, #mj-container h6 { font-size: var(--mo-text-base) !important; line-height: var(--mo-leading) !important; }
a { color: var(--mo-body-text); }
a:hover { color: var(--mo-olive) !important; }

/* Checkout — ista tipografija kao homepage (Inter), bez nasumične crvene na uvjetima */
#checkoutShipping,
#checkoutPayment,
#checkoutConfirmation,
#checkoutConfirmDefault,
#checkoutShipAddressDefault,
#checkoutPayAddressDefault,
#checkoutShippingAddress,
#checkout_payment_address,
#shoppingCartDefault {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  color: var(--mo-body-text) !important;
}
#checkoutPayment .contentText,
#checkoutPayment .review_box,
#checkoutShipping .contentText,
#checkoutConfirmation .contentText {
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.review_box.one-row-all .checkout-payment-confirmation-checkbox-label {
  color: var(--mo-banner-heading) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  padding: 0 5px !important;
}

/* Obavezna prihvaćanja uvjeta plaćanja — 2 reda: (kvačica + tekst) / (oznaka + poveznica) */
#checkoutPayment .mo-checkout-terms-accept {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 8px 0 14px !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(107, 31, 36, 0.35) !important;
  border-left: 4px solid #722f37 !important;
  background: rgba(114, 47, 55, 0.07) !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

#checkoutPayment .mo-checkout-terms-row--main {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
}

#checkoutPayment .mo-checkout-terms-row--main input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin: 4px 0 0 0 !important;
  flex-shrink: 0 !important;
  accent-color: #722f37 !important;
  cursor: pointer !important;
}

#checkoutPayment .mo-checkout-terms-row--main .checkout-payment-confirmation-checkbox-label {
  flex: 1 !important;
  min-width: 0 !important;
  color: #5c2328 !important;
  -webkit-text-fill-color: #5c2328 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

#checkoutPayment .mo-checkout-terms-row--meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 2px 0 0 calc(18px + 10px) !important;
  min-width: 0 !important;
}

#checkoutPayment .mo-checkout-terms-row--meta .mo-checkout-terms-required-tag {
  display: inline-block !important;
  margin-left: 0 !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: #722f37 !important;
  line-height: 1.3 !important;
  vertical-align: middle !important;
}

#checkoutPayment .mo-checkout-terms-row--meta a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--mo-olive) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  margin-left: 0 !important;
}

#checkoutPayment .mo-checkout-terms-row--meta a:hover {
  color: var(--mo-olive-hover) !important;
}

.review_box.one-row-all span.title.checkout-payment-description-headline {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mo-banner-heading) !important;
  -webkit-text-fill-color: var(--mo-banner-heading) !important;
}
#checkoutPayment .payment-type-icon i.fa {
  color: var(--mo-accent-tab) !important;
}
#checkoutPayment .text-paragraph-content {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--mo-body-text) !important;
}

/* BOX NOW paketomat (checkout plaćanje): bez fiksne širine 800px — mapa + lista u layoutu */
#checkoutPayment #boxnowplace,
#checkoutPayment #isporuka,
#checkoutPayment #boxchoose {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#checkoutPayment #isporuka {
  margin-left: 0 !important;
}
#checkoutPayment .mo-boxnowmap-shell {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  box-sizing: border-box !important;
}
#checkoutPayment #boxnowmap.mo-boxnowmap-root,
#checkoutPayment #boxnowmap {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 280px !important;
  height: min(58vh, 580px) !important;
  box-sizing: border-box !important;
}
#checkoutPayment #boxnowmap iframe,
#checkoutPayment .mo-boxnowmap-root iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: inherit !important;
  height: 100% !important;
  box-sizing: border-box !important;
  border: 0 !important;
}
/* BoxNow + checkout CTA moraju dijeliti istu visinu / radius kao ostali gumovi */
#checkoutPayment .boxnow-map-widget-button {
  max-width: 100% !important;
  box-sizing: border-box !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  font-family: inherit !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  border-radius: var(--mo-btn-radius) !important;
  border: none !important;
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
#checkoutPayment #checkout_comments button#tdb2.mo-checkout-confirm-pay {
  padding-left: var(--mo-btn-pad-x) !important;
  padding-right: var(--mo-btn-pad-x) !important;
}

/* Plaćanje: smanji prazninu ispod naslova blokova (legacy .review_box .title padding) */
#checkoutPayment .review_box.one-row-all {
  padding-top: 10px !important;
  margin-top: 0 !important;
}
#checkoutPayment .review_box.one-row-all > span.title.checkout-payment-description-headline {
  padding-bottom: 10px !important;
  margin-top: 0 !important;
}
#checkoutPayment .payment_type_container,
#checkoutPayment .review_box.one-row-all > .contentText {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#checkoutPayment .payment_type_item,
#checkoutPayment .payment_type_cash_text,
#checkoutPayment .payment_type_item div {
  font-family: inherit !important;
  font-size: 14px !important;
}
.mj-checkoutprogress,
.mj-checkoutprogress .mj-step,
.mj-checkoutprogress .mj-step1 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Checkout — dva koraka u traci: plaćanje (1), dostava (2) */
.mj-checkout-stepbar {
  margin: 0 0 14px 0 !important;
  padding: 12px 14px !important;
  background: var(--mo-surface-soft) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.mj-checkout-stepbar__list {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
}
.mj-checkout-stepbar__row {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--mo-line) !important;
  margin: 0 !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  list-style: none !important;
  list-style-type: none !important;
}
.mj-checkout-stepbar__row::marker {
  content: none !important;
  font-size: 0 !important;
}
.mj-checkout-stepbar__row:first-child {
  padding-top: 2px !important;
}
.mj-checkout-stepbar__row:last-child {
  border-bottom: none !important;
  padding-bottom: 2px !important;
}
.mj-checkout-stepbar__num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  background: var(--mo-surface) !important;
  border: 2px solid var(--mo-line) !important;
  color: var(--mo-body-text) !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
.mj-checkout-stepbar__row--current .mj-checkout-stepbar__num {
  background: var(--mo-olive) !important;
  border-color: var(--mo-olive-active) !important;
  color: var(--mo-cta-text) !important;
}
.mj-checkout-stepbar__row--complete .mj-checkout-stepbar__num {
  background: var(--mo-sage-light) !important;
  border-color: var(--mo-olive) !important;
  color: var(--mo-olive) !important;
}
.mj-checkout-stepbar__body {
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mj-checkout-stepbar__title {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--mo-olive) !important;
  text-decoration: none !important;
  display: block !important;
  text-align: left !important;
}
.mj-checkout-stepbar__row--current .mj-checkout-stepbar__title:not(.mj-checkout-stepbar__title--muted) {
  color: var(--mo-sage-dark) !important;
  font-weight: 700 !important;
}
.mj-checkout-stepbar__title--muted {
  color: #8a9684 !important;
  font-weight: 500 !important;
}
a.mj-checkout-stepbar__title:hover {
  text-decoration: underline !important;
  color: var(--mo-sage-dark) !important;
}
/* Linkovi koraka moraju biti klikabilni (izvan <form> ili iznad slojeva) */
a.mj-checkout-stepbar__title {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Narudžba obrađena — ista sage paleta i ravni CTA kao na ostatku shopa (Redmond gradijent) */
#checkoutsucess {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--mo-body-text) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#checkoutsucess h1 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  color: var(--mo-banner-heading) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.3 !important;
}
#checkoutsucess .important-paragraph {
  background: var(--mo-surface) !important;
  color: var(--mo-body-text) !important;
  border: 1px solid var(--mo-line) !important;
  border-top: 2px solid var(--mo-sage-medium) !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin: 0 0 18px 0 !important;
  box-shadow: 0 2px 12px rgba(107, 143, 78, 0.08) !important;
}
#checkoutsucess .important-paragraph a {
  color: var(--mo-sage-primary) !important;
  font-weight: 600 !important;
}
#checkoutsucess .important-paragraph a:hover {
  color: var(--mo-olive-hover) !important;
}
#checkoutsucess .contentContainer {
  background: var(--mo-surface) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(107, 143, 78, 0.06) !important;
  padding: 18px 20px !important;
  margin-bottom: 16px !important;
  box-sizing: border-box !important;
}
/* Omotač samo za gumb „Nastavi” + modul ispod poruke — bez bijelog „traka” iza gumba */
#checkoutsucess .contentContainer.mj-checkout-success-actions-wrap {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px 0 0 !important;
  margin-bottom: 0 !important;
}
#checkoutsucess .contentContainer .contentText {
  color: var(--mo-body-text) !important;
}
#checkoutsucess .contentContainer .contentText a {
  color: var(--mo-sage-primary) !important;
  font-weight: 600 !important;
}
#checkoutsucess .contentContainer .contentText a:hover {
  color: var(--mo-olive-hover) !important;
}
#checkoutsucess .contentContainer h3 {
  color: var(--mo-banner-heading) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 12px 0 8px 0 !important;
}
#checkoutsucess .contentContainer .contentText:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
#checkoutsucess .contentContainer .productsNotifications:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#checkoutsucess .contentContainer .buttonSet:first-child {
  margin-top: 0 !important;
}
#checkoutsucess .buttonSet {
  text-align: right !important;
  margin-top: 8px !important;
}
#checkoutsucess .buttonSet button.ui-button.ui-priority-primary,
#checkoutsucess .buttonSet .ui-button.ui-priority-primary,
#checkoutsucess .buttonSet button.ui-button.ui-priority-primary.ui-state-default,
#checkoutsucess .buttonSet .ui-button.ui-priority-primary.ui-state-default {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  font-size: var(--mo-btn-fs) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  text-shadow: none !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

#checkoutsucess .buttonSet .ui-button:not(.ui-button-icon-only) span.ui-icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#checkoutsucess .buttonSet button.ui-button.ui-priority-primary:hover,
#checkoutsucess .buttonSet button.ui-button.ui-priority-primary:focus-visible,
#checkoutsucess .buttonSet .ui-button.ui-priority-primary.ui-state-hover,
#checkoutsucess .buttonSet .ui-button.ui-priority-primary.ui-state-focus {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
}
#checkoutsucess .buttonSet .ui-button.ui-priority-primary .ui-button-text,
#checkoutsucess .buttonSet button.ui-button.ui-priority-primary .ui-button-text {
  color: var(--mo-cta-text) !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}

/*
 * Account / checkout / košarica — bijeli „card” i sage (pobijeda mj-template h4.acc_trigger + slategray pozadina)
 */
body.site-form-flow {
  background: var(--mo-page-bg) !important;
}
body.site-form-flow #mj-container,
body.site-form-flow #mj-maincontent {
  background: transparent !important;
}
body.site-form-flow #checkoutShipping .contentContainer,
body.site-form-flow #checkoutPayment .contentContainer,
body.site-form-flow #checkoutConfirmDefault .contentContainer,
body.site-form-flow #checkoutShipAddressDefault .contentContainer,
body.site-form-flow #checkoutPayAddressDefault .contentContainer,
body.site-form-flow #checkoutShippingAddress .contentContainer,
body.site-form-flow #checkout_payment_address .contentContainer,
body.site-form-flow #address_book.contentContainer,
body.site-form-flow #address_book_process.contentContainer,
body.site-form-flow .mj-createaccount .contentContainer,
body.site-form-flow #mj-shoppingcart .contentContainer#new-category,
body.site-form-flow.checkout_confirmation #checkoutConfirmation .contentContainer,
body.site-form-flow #my_account.contentContainer,
body.site-form-flow #account_password.contentContainer,
body.site-form-flow #account_history.contentContainer,
body.site-form-flow #history_info.contentContainer,
body.site-form-flow #account_edit.contentContainer,
body.site-form-flow .mj-signupcontainer.contentContainer,
body.site-form-flow .mj-logincontainer.contentContainer,
body.site-form-flow #mj-deliveryinformation.mo-loyalty-page .contentContainer {
  background: #ffffff !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(107, 143, 78, 0.08) !important;
  padding: 18px 20px !important;
  margin-bottom: 16px !important;
  box-sizing: border-box !important;
}

/* Program vjernosti — loyalty.php: čitljiviji sadržaj, istaknut naslov i „kartica” (body: site-form-flow flow-loyalty) */
body.flow-loyalty #mj-deliveryinformation.mo-loyalty-page {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.flow-loyalty #mj-deliveryinformation .mo-loyalty-page__title.shoping-page-headline {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding: 0 2px 12px 2px !important;
  font-size: clamp(1.2rem, 3.5vw, 1.45rem) !important;
  font-weight: var(--mo-heading-weight) !important;
  line-height: 1.3 !important;
  color: var(--mo-sage-dark) !important;
  -webkit-text-fill-color: var(--mo-sage-dark) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  border-bottom: 3px solid var(--mo-sage-medium) !important;
  box-sizing: border-box !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content {
  max-width: 52rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: var(--mo-text-base) !important;
  line-height: var(--mo-leading) !important;
  color: var(--mo-body-text) !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 1.25rem 0 !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  line-height: 1.25 !important;
  gap: 0 !important;
  min-height: 0 !important;
  background: var(--mo-category-pill-bg) !important;
  border: 1px solid var(--mo-category-pill-border) !important;
  border-radius: var(--mo-btn-radius) !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content center:first-of-type {
  margin-top: 0 !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content center b {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--mo-banner-heading) !important;
  -webkit-text-fill-color: var(--mo-banner-heading) !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content p {
  margin: 0 0 1rem 0 !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content p:last-child {
  margin-bottom: 0 !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content p b,
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content > b {
  color: var(--mo-banner-heading) !important;
  font-weight: 700 !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content p[style*="color:red"],
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content p[style*="color: red"] {
  background: #fef6f4 !important;
  border: 1px solid rgba(180, 35, 24, 0.28) !important;
  border-left: 4px solid #b42318 !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  color: #5c2d28 !important;
  -webkit-text-fill-color: #5c2d28 !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content p[style*="color:red"] b,
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content p[style*="color: red"] b {
  color: #6b1f18 !important;
  -webkit-text-fill-color: #6b1f18 !important;
}
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content b[style*="color:red"],
body.flow-loyalty .mo-loyalty-page__body.loyalty-page-content b[style*="color: red"] {
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
}

/* ══════════════════════════════════════════════════════════════════
   STATIČKE STRANICE (uvjeti, privatnost, plaćanje, dostava, FAQ, promo …)
   Zajednički layout: .mo-static-page, .mo-static-container, .mo-static-prose
   ══════════════════════════════════════════════════════════════════ */
.mo-static-page {
  float: none !important;
  width: 100% !important;
  max-width: 54rem !important;
  margin: 0 auto !important;
  padding: 0 14px 2.75rem !important;
  box-sizing: border-box !important;
}

.mo-static-page .mo-static-container.contentContainer {
  background: var(--mo-surface) !important;
  border: 1px solid rgba(107, 143, 78, 0.22) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 26px rgba(52, 74, 36, 0.09) !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.mo-static-page .mo-static-page__title.shoping-page-headline {
  margin: 0 !important;
  padding: 1.2rem 1.35rem 1.1rem !important;
  font-size: clamp(1.2rem, 2.6vw, 1.5rem) !important;
  font-weight: var(--mo-heading-weight) !important;
  line-height: 1.35 !important;
  color: var(--mo-sage-dark) !important;
  -webkit-text-fill-color: var(--mo-sage-dark) !important;
  letter-spacing: 0.04em !important;
  border-bottom: 1px solid var(--mo-line) !important;
  background: linear-gradient(165deg, rgba(212, 223, 196, 0.45) 0%, rgba(255, 255, 255, 0.98) 55%, #fff 100%) !important;
  box-sizing: border-box !important;
}

.mo-static-page .mo-static-prose.contentText {
  padding: 1.35rem 1.35rem 1.65rem !important;
}

.mo-static-page .mo-static-prose {
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-base) !important;
  line-height: var(--mo-leading) !important;
  color: var(--mo-body-text) !important;
  max-width: 100% !important;
}

.mo-static-page .mo-static-prose p {
  margin: 0 0 1.05rem !important;
}

.mo-static-page .mo-static-prose ul {
  margin: 0 0 1.1rem !important;
  padding-left: 1.35rem !important;
  list-style-type: disc !important;
}

.mo-static-page .mo-static-prose ul li {
  margin: 0.4rem 0 !important;
}

.mo-static-page .mo-static-prose a {
  color: var(--mo-olive) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.mo-static-page .mo-static-prose a:hover {
  color: var(--mo-olive-hover) !important;
}

.mo-static-page .mo-static-prose p b,
.mo-static-page .mo-static-prose li b {
  color: var(--mo-banner-heading) !important;
  font-weight: 700 !important;
}

#mj-termscondition .terms-condition-page-content > b:first-of-type {
  display: block !important;
  margin: 0 0 1.35rem !important;
  padding: 14px 16px !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: var(--mo-sage-dark) !important;
  -webkit-text-fill-color: var(--mo-sage-dark) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(107, 143, 78, 0.22) !important;
  background: rgba(107, 143, 78, 0.07) !important;
}

#mj-termscondition .terms-condition-page-content br {
  line-height: 1.65 !important;
}

/* Blokovi naslova poglavlja <center><b>…</b></center> — flex za vertikalno centriranje (desktop; izbjegava „podrezani” tekst) */
#mj-termscondition .terms-condition-page-content center:has(b) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 3rem !important;
  margin: 1.75rem 0 0.35rem !important;
  padding: 0.72rem 1rem !important;
  box-sizing: border-box !important;
  text-align: center !important;
  border-radius: 10px !important;
  border: 1px solid var(--mo-category-pill-border) !important;
  background: var(--mo-category-pill-bg) !important;
  overflow: visible !important;
}
#mj-termscondition .terms-condition-page-content center:has(b):first-of-type {
  margin-top: 0.25rem !important;
}

#mj-termscondition .terms-condition-page-content center b {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(1rem, 2.2vw, 1.12rem) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--mo-sage-dark) !important;
  -webkit-text-fill-color: var(--mo-sage-dark) !important;
}

/* Podnaslovi („Prodavatelj”, „Dostava”…) bez <b> */
#mj-termscondition .terms-condition-page-content center:not(:has(a)):not(:has(img)):not(:has(b)) {
  margin: -0.1rem auto 1rem !important;
  padding: 4px 8px !important;
  font-size: 0.925rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: var(--mo-sage-primary) !important;
  -webkit-text-fill-color: var(--mo-sage-primary) !important;
  border: none !important;
  border-bottom: 2px solid rgba(168, 191, 122, 0.55) !important;
  background: transparent !important;
  border-radius: 0 !important;
  max-width: 22rem !important;
}

/* Traka ikona kartica — <center>s poveznicama i slikama */
#mj-termscondition .terms-condition-page-content center:has(a) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 1rem 0 !important;
  padding: 14px 12px !important;
  border: 1px dashed rgba(107, 143, 78, 0.35) !important;
  border-radius: 12px !important;
  background: rgba(247, 250, 244, 0.95) !important;
}

#mj-termscondition .terms-condition-page-content center a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(107, 143, 78, 0.18) !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

#mj-termscondition .terms-condition-page-content center a:hover {
  border-color: var(--mo-sage-medium) !important;
  box-shadow: 0 2px 10px rgba(107, 143, 78, 0.14) !important;
}

#mj-termscondition .terms-condition-page-content center img {
  display: block !important;
  max-height: 32px !important;
  width: auto !important;
}

@media screen and (max-width: 600px) {
  .mo-static-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .mo-static-page .mo-static-prose.contentText {
    padding: 1.1rem 1rem 1.4rem !important;
  }
  #mj-termscondition .terms-condition-page-content center:has(a) {
    gap: 8px !important;
    padding: 12px 8px !important;
  }
}

/* ============================================================
   PROGRAM VJERNOSTI — novi čisti layout
   ============================================================ */

/* Uvodni tekst */
.loyalty-page-content .lp-intro {
  font-size: 15px !important;
  color: var(--mo-body-text) !important;
  line-height: 1.65 !important;
  margin-bottom: 24px !important;
}

/* Benefit kartice — 3 stupca */
.loyalty-page-content .lp-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 28px !important;
}
.loyalty-page-content .lp-benefit {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, var(--mo-sage-dark) 0%, #4d6838 100%) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 20px 12px 16px !important;
  text-align: center !important;
  box-shadow: 0 3px 12px rgba(52, 74, 36, 0.18) !important;
}
.loyalty-page-content .lp-benefit__value {
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
  display: block !important;
  margin-bottom: 6px !important;
}
.loyalty-page-content .lp-benefit__label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.82) !important;
  line-height: 1.3 !important;
  display: block !important;
}

/* Sekcija sa naslovom */
.loyalty-page-content .lp-section {
  margin-bottom: 22px !important;
}
.loyalty-page-content .lp-section__title {
  font-family: var(--mo-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--mo-sage-dark) !important;
  margin: 0 0 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--mo-sage-light) !important;
}

/* Lista popusta */
.loyalty-page-content .lp-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.loyalty-page-content .lp-list li {
  padding: 10px 14px !important;
  background: #f5f9f0 !important;
  border-left: 3px solid var(--mo-sage-medium) !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 14px !important;
  color: var(--mo-body-text) !important;
  line-height: 1.45 !important;
}
.loyalty-page-content .lp-list li strong {
  color: var(--mo-sage-dark) !important;
  font-weight: 700 !important;
}

/* Promo kodovi banaka */
.loyalty-page-content .lp-promo-codes {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 12px 0 10px !important;
}
.loyalty-page-content .lp-promo-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #fff !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}
.loyalty-page-content .lp-promo-item__bank {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--mo-sage-dark) !important;
}
.loyalty-page-content .lp-promo-item__code {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #b42318 !important;
  background: #fef3f2 !important;
  border: 1px solid rgba(180,35,24,0.2) !important;
  border-radius: 5px !important;
  padding: 2px 8px !important;
  letter-spacing: 0.04em !important;
}

/* Opći tekst */
.loyalty-page-content .lp-text {
  font-size: 13px !important;
  color: var(--mo-body-text) !important;
  line-height: 1.55 !important;
  margin: 0 0 6px !important;
}
.loyalty-page-content .lp-text--small {
  font-size: 11px !important;
  color: var(--mo-card-category) !important;
}

/* Notice boxovi */
.loyalty-page-content .lp-notice {
  border-radius: 10px !important;
  padding: 14px 18px !important;
  margin-bottom: 14px !important;
  line-height: 1.55 !important;
}
.loyalty-page-content .lp-notice p {
  font-size: 13px !important;
  margin: 6px 0 0 !important;
  color: inherit !important;
}
.loyalty-page-content .lp-notice__title {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}
.loyalty-page-content .lp-notice--warning {
  background: #fff8f0 !important;
  border: 1px solid rgba(180,100,24,0.3) !important;
  border-left: 4px solid #c07020 !important;
  color: #5c3d10 !important;
}
.loyalty-page-content .lp-notice--warning .lp-notice__title {
  color: #8a4a10 !important;
}
.loyalty-page-content .lp-notice--info {
  background: #f0f7ed !important;
  border: 1px solid rgba(107,143,78,0.3) !important;
  border-left: 4px solid var(--mo-sage-medium) !important;
  color: #2d4020 !important;
}
.loyalty-page-content .lp-notice--info .lp-notice__title {
  color: var(--mo-sage-dark) !important;
}

/* Mobile */
@media screen and (max-width: 560px) {
  .loyalty-page-content .lp-benefits {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }
  .loyalty-page-content .lp-benefit__value {
    font-size: 24px !important;
  }
  .loyalty-page-content .lp-benefit {
    padding: 14px 8px 12px !important;
  }
  .loyalty-page-content .lp-promo-codes {
    flex-direction: column !important;
  }
}

/* Košarica prazna: vanjski #new-category je već „card”; ukloni drugi bijeli okvir s .content_box */
body.site-form-flow #mj-shoppingcart #new-category > .content_box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* Moj račun — jedan „card”, bez duplog okvira; tipografija i boje kao ostatak sitea */
body.flow-account #my_account.contentContainer {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: var(--mo-body-text) !important;
}
body.flow-account #my_account .my-account-page-title {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  color: var(--mo-banner-heading) !important;
  -webkit-text-fill-color: var(--mo-banner-heading) !important;
}
body.flow-account #my_account .my-account-intro {
  margin: 0 0 18px 0 !important;
  padding: 0 0 16px 0 !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
body.flow-account #my_account .my-account-intro p {
  margin: 0 0 10px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body.flow-account #my_account .my-account-intro p:last-child {
  margin-bottom: 0 !important;
}
body.flow-account #my_account .my-account-alert--success {
  color: var(--mo-olive-active) !important;
}
body.flow-account #my_account .my-account-alert--inactive {
  color: #b42318 !important;
}
body.flow-account #my_account .my-account-alert--notice {
  color: var(--mo-sage-dark) !important;
  padding: 12px 14px !important;
  background: var(--mo-surface-soft) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}
body.flow-account #my_account .review_box {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 4px 0 0 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.flow-account #my_account .review_box .content_box {
  float: none !important;
  margin: 0 0 22px 0 !important;
  padding: 0 0 20px 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--mo-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body.flow-account #my_account .review_box .content_box:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
body.flow-account #my_account .review_box span.title {
  display: block !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mo-banner-heading) !important;
  border-bottom: 2px solid var(--mo-sage-medium) !important;
  padding: 0 0 10px 0 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.35 !important;
  -webkit-text-fill-color: var(--mo-banner-heading) !important;
}
body.flow-account #my_account .accountLinkList {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.flow-account #my_account .accountLinkList li {
  float: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 12px 0 !important;
  box-sizing: border-box !important;
}
body.flow-account #my_account .accountLinkList li:last-child {
  margin-bottom: 0 !important;
}
body.flow-account #my_account .accountLinkList .accountLinkListEntry {
  flex-shrink: 0 !important;
  margin-top: 3px !important;
}
body.flow-account #my_account .accountLinkList li a {
  float: none !important;
  display: block !important;
  width: auto !important;
  flex: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  color: var(--mo-body-text) !important;
  text-decoration: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  letter-spacing: normal !important;
}
body.flow-account #my_account .accountLinkList li a:hover {
  color: var(--mo-olive) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
/* mj-tab (1001–1500px) postavlja font 10px na #my_account — vratiti čitljivost */
@media only screen and (min-width: 1001px) and (max-width: 1500px) {
  body.flow-account #my_account.contentContainer,
  body.flow-account #my_account .review_box,
  body.flow-account #my_account .accountLinkList li a {
    font-size: 15px !important;
  }
}

/* Bez :not(.acc_container) jQuery .hide() na panelima ne radi — display:block !important jači je od inline display:none */
body.site-form-flow .contentText:not(.acc_container) {
  display: block !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-direction: column !important;
}
/* Registracija: seopage (320–425px) .contentText { display:flex; justify-content:flex-end } ostavlja prazan prostor iznad forme */
#mj-container .mj-createaccount .contentContainer {
  display: block !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}
#mj-container .mj-createaccount .contentContainer > div:first-of-type {
  display: flow-root !important;
  width: 100% !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
}
/*
 * acc_container: display:block !important — poništava seopage .contentText{display:flex} i ostavlja tablicu ispravnom.
 * osmart više ne zatvara panele na .mj-createaccount (vidi ext/jquery/osmart.js).
 */
#mj-container .mj-createaccount .contentText.acc_container {
  display: block !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative;
  z-index: 0;
}
#mj-container .mj-createaccount {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* Registracija: glavna tablica — fiksni omjeri stupaca (akcije float:right + mk_ik td{width:100%} inače lome redak) */
#mj-container .mj-createaccount .contentText.acc_container > table {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 6px !important;
}
/* Registracija: mk_ik širi input override — inline !important na promo poljima u create_account.php */
#mj-container .mj-createaccount input[type="text"],
#mj-container .mj-createaccount input[type="password"],
#mj-container .mj-createaccount input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}
#mj-container .mj-createaccount .contentText.acc_container > table > tbody > tr > td.fieldKey {
  width: 34% !important;
  min-width: 0 !important;
  max-width: 320px !important;
  padding: 8px 14px 8px 0 !important;
  vertical-align: top !important;
}
#mj-container .mj-createaccount .contentText.acc_container > table > tbody > tr > td.fieldValue {
  width: 66% !important;
  padding: 8px 0 !important;
  vertical-align: top !important;
}
#mj-container .mj-createaccount .contentText.acc_container > table > tbody > tr > td[colspan="2"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 4px 0 !important;
  box-sizing: border-box !important;
}
#mj-container .mj-createaccount .contentText.acc_container tbody {
  display: table-row-group !important;
}
#mj-container .mj-createaccount .contentText.acc_container tr {
  display: table-row !important;
}
#mj-container .mj-createaccount .contentText.acc_container td.fieldKey,
#mj-container .mj-createaccount .contentText.acc_container td.fieldValue {
  display: table-cell !important;
  vertical-align: top !important;
  float: none !important;
}
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="text"],
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="password"],
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="email"],
#mj-container .mj-createaccount .contentText.acc_container .fieldValue select,
#mj-container .mj-createaccount .contentText.acc_container .fieldValue textarea {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 !important;
  text-align: left !important;
}
#mj-container .mj-createaccount .contentText.acc_container .fieldValue.country_select select {
  max-width: 100% !important;
}
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="radio"],
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="checkbox"] {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  vertical-align: middle !important;
  margin: 0 6px 0 0 !important;
}
#mj-container .mj-createaccount .contentText.acc_container .fieldValue label {
  display: inline !important;
  margin-right: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}
#mj-container .mj-createaccount .contentText.acc_container tr.newsletter-new td.mj-newsletter-row,
#mj-container .mj-createaccount tr.newsletter-new td:last-child,
#account_edit tr.newsletter-new td.mj-newsletter-row,
#account_edit tr.newsletter-new td:last-child {
  /* akcije.css: .newsletter-new td:last-child { position:absolute } — s jednim colspan ćelijom to je cijeli blok → Email se preklapa */
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  cursor: default !important;
  color: inherit !important;
  font-size: inherit !important;
  text-align: left !important;
  vertical-align: top !important;
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}
/* akcije.css: .newsletter-new td:first-child { height:60px } — jedan ćelija je i :first-child */
#mj-container .mj-createaccount tr.newsletter-new td:first-child,
#account_edit tr.newsletter-new td:first-child {
  width: 100% !important;
  height: auto !important;
}
#mj-container .mj-createaccount .mj-newsletter-heading,
#account_edit .mj-newsletter-heading {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 0 0 8px 0 !important;
  color: var(--mo-body-text) !important;
}
#mj-container .mj-createaccount .mj-newsletter-body,
#account_edit .mj-newsletter-body {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container .mj-createaccount .mj-newsletter-body input[type="checkbox"],
#account_edit .mj-newsletter-body input[type="checkbox"] {
  flex-shrink: 0 !important;
  margin: 4px 0 0 0 !important;
}
#mj-container .mj-createaccount .contentText.acc_container tr.newsletter-new .mj-newsletter-text,
#account_edit tr.newsletter-new .mj-newsletter-text {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}
/* Registracija: donji gumbi u tablici (.mj-reg-actions) — pouzdanije od flex .buttonSet u legacy CSS-u */
/* Zadnja sekcija (adresa + gumbi): zadrži CTA unutar stupca bez :has() (stariji preglednici) */
#mj-container .mj-createaccount .contentContainer > div.contentText.acc_container:last-child {
  overflow-x: hidden !important;
  overflow-y: visible !important;
}
#mj-container .mj-createaccount tr.mj-reg-actions > td.mj-reg-actions-cell {
  padding-top: 12px !important;
  border-top: 1px solid var(--mo-line) !important;
  vertical-align: top !important;
}
/* Registracija donji par: izravno <a> + <button> u gridu (bez jQuery UI / tep_draw_button) — identičan box */
#mj-container .mj-createaccount .mj-reg-actions-stack {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container .mj-createaccount .mj-reg-actions-stack > .mj-reg-actions-pair-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer !important;
  border-radius: 12px !important;
  border-style: solid !important;
  border-width: 1px !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
  border-color: var(--mo-olive-active) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}
#mj-container .mj-createaccount .mj-reg-actions-stack > .mj-reg-actions-pair-btn:hover,
#mj-container .mj-createaccount .mj-reg-actions-stack > .mj-reg-actions-pair-btn:focus-visible {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
  border-color: var(--mo-olive-active) !important;
}
#mj-container .mj-createaccount .mj-reg-actions-stack > button.mj-reg-actions-pair-btn {
  overflow: visible !important;
}
#mj-container .mj-createaccount .buttonSet {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  clear: both !important;
  float: none !important;
  margin-top: 20px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--mo-line) !important;
}
#mj-container .mj-createaccount .buttonSet p.btn-bs4 {
  float: none !important;
  margin: 0 !important;
  order: 1 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: calc(50% - 8px) !important;
}
#mj-container .mj-createaccount .buttonSet #tdb2,
#mj-container .mj-createaccount .buttonSet button.mj-createaccount-submit,
#mj-container .mj-createaccount .buttonSet > button.btn-bs4 {
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  order: 2 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: calc(50% - 8px) !important;
}
#mj-container .mj-createaccount .buttonSet .ui-button,
#mj-container .mj-createaccount .buttonSet button.ui-button {
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.checkout_confirmation.site-form-flow .contentText {
  display: block !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
}
body.site-form-flow h4.acc_trigger,
body.site-form-flow .mj-createaccount h4.acc_trigger {
  color: var(--mo-nav-ink) !important;
  -webkit-text-fill-color: var(--mo-nav-ink) !important;
  background: var(--mo-sage-light) !important;
  background-image: none !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 10px !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 12px 16px !important;
  margin: 0 0 8px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
  line-height: 1.35 !important;
}
body.site-form-flow h4.acc_trigger:hover,
body.site-form-flow .mj-createaccount h4.acc_trigger:hover {
  background: var(--mo-accent-tab-hover) !important;
  color: var(--mo-nav-ink) !important;
  -webkit-text-fill-color: var(--mo-nav-ink) !important;
}
body.site-form-flow h4.acc_trigger.active,
body.site-form-flow .mj-createaccount h4.acc_trigger.active {
  background: var(--mo-olive) !important;
  color: var(--mo-cta-text) !important;
  -webkit-text-fill-color: var(--mo-cta-text) !important;
  border-color: var(--mo-olive-active) !important;
}
body.site-form-flow .acc_container,
body.site-form-flow .mj-createaccount .acc_container {
  background: #ffffff !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 0 0 10px 10px !important;
  padding: 16px !important;
  margin: -4px 0 16px 0 !important;
  box-sizing: border-box !important;
}
body.site-form-flow .mj-createaccount .contentText.acc_container {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  border-top: none !important;
}
body.site-form-flow .mj-createaccount h4.acc_trigger {
  border-radius: 10px 10px 0 0 !important;
  margin-bottom: 0 !important;
}
body.site-form-flow .mj-createaccount > .contentContainer > h1,
body.site-form-flow .contentContainer > h1 {
  color: var(--mo-banner-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  margin: 8px 0 20px !important;
  letter-spacing: -0.01em !important;
}

/* ============================================================
   REGISTRACIJA — UI polish
   ============================================================ */

/* Subtitle / uvodni tekst */
body.site-form-flow .mj-createaccount .contentContainer > .contentText:not(.acc_container) > p,
body.site-form-flow .mj-createaccount .contentContainer > p {
  font-size: 13px !important;
  color: var(--mo-card-category) !important;
  margin-bottom: 18px !important;
  line-height: 1.6 !important;
}

/* Sekcija: trigger — chevron desno */
body.site-form-flow .mj-createaccount h4.acc_trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
}
body.site-form-flow .mj-createaccount h4.acc_trigger::after {
  content: '\203A' !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 0.7 !important;
  transition: transform 0.2s ease !important;
  display: inline-block !important;
  transform: rotate(90deg) !important;
}
body.site-form-flow .mj-createaccount h4.acc_trigger.active::after {
  transform: rotate(-90deg) !important;
  opacity: 1 !important;
}

/* Card container — blag shadow za dubinu */
body.site-form-flow .mj-createaccount .contentText.acc_container {
  box-shadow: 0 2px 10px rgba(52, 74, 36, 0.07) !important;
  padding: 18px 20px !important;
}

/* Labela retka — čišća tipografija */
#mj-container .mj-createaccount .contentText.acc_container td.fieldKey {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--mo-sage-dark) !important;
  letter-spacing: 0.01em !important;
  padding-top: 14px !important;
  line-height: 1.35 !important;
}

/* Razdjelna crta između redaka */
#mj-container .mj-createaccount .contentText.acc_container > table > tbody > tr {
  border-bottom: 1px solid var(--mo-sage-light) !important;
}
#mj-container .mj-createaccount .contentText.acc_container > table > tbody > tr:last-child {
  border-bottom: none !important;
}

/* Input polja — ugodnija visina i vizual */
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="text"],
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="password"],
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="email"],
#mj-container .mj-createaccount .contentText.acc_container .fieldValue select,
#mj-container .mj-createaccount .contentText.acc_container .fieldValue textarea {
  border: 1.5px solid #c8d9b4 !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: var(--mo-sage-dark) !important;
  background: #fafcf8 !important;
  transition: border-color 0.18s, box-shadow 0.18s !important;
  line-height: 1.4 !important;
}
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input:focus,
#mj-container .mj-createaccount .contentText.acc_container .fieldValue select:focus,
#mj-container .mj-createaccount .contentText.acc_container .fieldValue textarea:focus {
  border-color: var(--mo-sage-primary) !important;
  box-shadow: 0 0 0 3px rgba(107, 143, 78, 0.18) !important;
  outline: none !important;
  background: #fff !important;
}

/* Placeholder */
#mj-container .mj-createaccount .contentText.acc_container .fieldValue input::placeholder,
#mj-container .mj-createaccount .contentText.acc_container .fieldValue textarea::placeholder {
  color: #a8b89a !important;
  font-size: 13px !important;
}

/* Radio / checkbox redovi */
#mj-container .mj-createaccount .contentText.acc_container .fieldValue label {
  font-size: 13px !important;
  color: var(--mo-sage-dark) !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

/* Obavezno polje — zvjezdica */
#mj-container .mj-createaccount .contentText.acc_container td.fieldKey .required {
  color: #c0392b !important;
  font-weight: 700 !important;
  margin-left: 2px !important;
}

/* Help text (smallText ispod inputa) */
#mj-container .mj-createaccount .contentText.acc_container .smallText,
#mj-container .mj-createaccount .contentText.acc_container small {
  display: block !important;
  font-size: 11px !important;
  color: var(--mo-card-category) !important;
  margin-top: 4px !important;
  line-height: 1.45 !important;
}

/* Akcijski gumbi — naglašen primary gumb */
#mj-container .mj-createaccount .mj-reg-actions-stack > .mj-reg-actions-pair-btn,
#mj-container .mj-createaccount .buttonSet .ui-button {
  min-height: 46px !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
}

/* Mobile ≤ 640px: inputi malo veći za touch */
@media screen and (max-width: 640px) {
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="text"],
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="password"],
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="email"],
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue select {
    padding: 12px 12px !important;
    font-size: 16px !important;
  }
  body.site-form-flow .mj-createaccount .contentText.acc_container {
    padding: 14px 14px !important;
  }
}

/* ============================================================
   Registracija — kartični layout (.mo-registration)
   ============================================================ */
body.flow-create-account #mj-container .mj-createaccount .mo-registration {
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 0 0 28px 0 !important;
  box-sizing: border-box !important;
}
body.flow-create-account #mj-container .mo-registration-loginhint {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 0 10px 0 !important;
  text-align: center !important;
}
body.flow-create-account #mj-container .mo-registration-loginhint a {
  font-weight: 600 !important;
  color: var(--mo-olive, #5a7a4a) !important;
  text-decoration: none !important;
}
body.flow-create-account #mj-container .mo-registration-loginhint a:hover {
  text-decoration: underline !important;
}
body.flow-create-account #mj-container .mo-registration-legend {
  display: block !important;
  text-align: right !important;
  font-size: 11px !important;
  color: var(--mo-body-text, #444) !important;
  margin-bottom: 16px !important;
}
body.flow-create-account #mj-container .mo-reg-card {
  background: #ffffff !important;
  border: 0.5px solid var(--mo-line, #dfe8d8) !important;
  border-radius: 10px !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body.flow-create-account #mj-container .mo-reg-card-head {
  padding: 14px 16px 10px 16px !important;
  border-bottom: 0.5px solid var(--mo-line, #eaeaea) !important;
  background: #fafcf8 !important;
}
body.flow-create-account #mj-container .mo-reg-card-title {
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--mo-banner-heading, #2a3a22) !important;
  line-height: 1.3 !important;
}
body.flow-create-account #mj-container .mo-reg-title-badge {
  display: inline-block !important;
  margin-left: 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: lowercase !important;
  color: var(--mo-body-text, #555) !important;
  vertical-align: middle !important;
}
body.flow-create-account #mj-container .mo-reg-title-badge--optional {
  color: #72806a !important;
  font-weight: 500 !important;
}
body.flow-create-account #mj-container .mo-reg-card-body {
  padding: 14px 16px 16px 16px !important;
  box-sizing: border-box !important;
}
body.flow-create-account #mj-container .mo-reg-field {
  margin-bottom: 14px !important;
}
body.flow-create-account #mj-container .mo-reg-field:last-child {
  margin-bottom: 0 !important;
}
body.flow-create-account #mj-container .mo-reg-label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--mo-sage-dark, #37472e) !important;
  margin-bottom: 6px !important;
}
body.flow-create-account #mj-container .mo-reg-star {
  color: #c0392b !important;
  font-weight: 700 !important;
}
body.flow-create-account #mj-container .mo-reg-input,
body.flow-create-account #mj-container .mo-reg-select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border: 0.5px solid var(--mo-line, #c8d8c0) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  background: #fff !important;
  color: var(--mo-body-text, #222) !important;
}
body.flow-create-account #mj-container .mo-reg-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%) !important;
  background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50% !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  padding-right: 32px !important;
}
body.flow-create-account #mj-container .mo-reg-input:focus,
body.flow-create-account #mj-container .mo-reg-select:focus {
  outline: none !important;
  border-color: var(--mo-olive, #6b8f4e) !important;
  box-shadow: 0 0 0 3px rgba(90, 122, 74, 0.15) !important;
}
body.flow-create-account #mj-container .mo-reg-hint {
  margin: 6px 0 0 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #777 !important;
}
body.flow-create-account #mj-container .mo-reg-hint--tight {
  margin-top: 8px !important;
}
body.flow-create-account #mj-container .mo-reg-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}
body.flow-create-account #mj-container .mo-reg-row:last-child {
  margin-bottom: 0 !important;
}
body.flow-create-account #mj-container .mo-reg-row--2 > .mo-reg-field {
  flex: 1 1 calc(50% - 6px) !important;
  min-width: 120px !important;
  margin-bottom: 0 !important;
}
body.flow-create-account #mj-container .mo-reg-field--radios {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
}
body.flow-create-account #mj-container .mo-reg-field--radios legend {
  padding: 0 !important;
  margin-bottom: 8px !important;
}
body.flow-create-account #mj-container .mo-reg-radio-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 20px !important;
}
body.flow-create-account #mj-container .mo-reg-radio {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  color: var(--mo-body-text, #333) !important;
}
body.flow-create-account #mj-container .mo-reg-radio input[type="radio"] {
  flex-shrink: 0 !important;
}
body.flow-create-account #mj-container .mo-reg-notify-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  cursor: pointer !important;
}
body.flow-create-account #mj-container .mo-reg-notify-row input[type="checkbox"] {
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}
body.flow-create-account #mj-container .mo-reg-notify-text {
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: var(--mo-body-text, #222) !important;
}
body.flow-create-account #mj-container .mo-reg-terms {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  cursor: pointer !important;
}
body.flow-create-account #mj-container .mo-reg-terms input[type="checkbox"] {
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}
body.flow-create-account #mj-container .mo-reg-terms a {
  color: var(--mo-olive, #5a7a4a) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
body.flow-create-account #mj-container .mo-reg-actions {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 8px !important;
  margin-bottom: 24px !important;
}
body.flow-create-account #mj-container .mo-reg-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 10px 22px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  transition: background 0.18s, border-color 0.18s, color 0.18s !important;
}
body.flow-create-account #mj-container .mo-reg-btn--cancel {
  background: #f4f7f2 !important;
  color: var(--mo-sage-dark, #2d3f24) !important;
  border-color: var(--mo-line, #cdd8c4) !important;
}
body.flow-create-account #mj-container .mo-reg-btn--cancel:hover {
  background: #eaf0e5 !important;
}
body.flow-create-account #mj-container .mo-reg-btn--submit {
  background: var(--mo-olive, #6b8f4e) !important;
  color: var(--mo-cta-text, #fff) !important;
  border-color: var(--mo-olive-active, #4d6d38) !important;
}
body.flow-create-account #mj-container .mo-reg-btn--submit:hover {
  background: var(--mo-olive-hover, #5a7a45) !important;
}
@media screen and (max-width: 520px) {
  body.flow-create-account #mj-container .mo-reg-row--2 > .mo-reg-field {
    flex: 1 1 100% !important;
  }
  body.flow-create-account #mj-container .mo-reg-actions {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
  }
  body.flow-create-account #mj-container .mo-reg-btn {
    width: 100% !important;
  }
}

body.site-form-flow #mj-righttop,
body.site-form-flow #mj-righttop .navbar-inner {
  background: var(--mo-nav-bg) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
body.site-form-flow #mj-menubar .navigation-section {
  background: var(--mo-nav-bg) !important;
}
body.site-form-flow .jsn-mainnav.navbar .nav > li:hover {
  background: rgba(107, 143, 78, 0.12) !important;
}
body.site-form-flow .jsn-mainnav.navbar .nav > li:hover > a,
body.site-form-flow .jsn-mainnav.navbar .nav > li:hover > a:visited {
  color: var(--mo-nav-ink) !important;
}
body.site-form-flow #mj-left .infoBoxContainer:not(#box_shopping_cart) a,
body.site-form-flow #mj-right .infoBoxContainer:not(#box_shopping_cart) a {
  color: var(--mo-body-text) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  text-underline-offset: 2px !important;
}
body.site-form-flow #mj-left .infoBoxContainer:not(#box_shopping_cart) a:hover,
body.site-form-flow #mj-right .infoBoxContainer:not(#box_shopping_cart) a:hover {
  color: var(--mo-olive) !important;
  text-decoration: underline !important;
}
/* Naslov stupca u kutiji ostaje jak link bez podcrtavanja u miru */
body.site-form-flow #mj-left .infoBoxContainer .subproduct_name a,
body.site-form-flow #mj-right .infoBoxContainer .subproduct_name a {
  color: inherit !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
body.site-form-flow #mj-left .infoBoxContainer .subproduct_name a:hover,
body.site-form-flow #mj-right .infoBoxContainer .subproduct_name a:hover {
  color: var(--mo-olive) !important;
  text-decoration: none !important;
}
body.site-form-flow .buttonSet button.btn-bs4,
body.site-form-flow .buttonSet .btn-bs4.ui-button,
body.site-form-flow .buttonSet a.ui-button,
body.site-form-flow .buttonSet .ui-button,
body.site-form-flow .buttonSet #tdb2,
body.site-form-flow .buttonSet button.mj-createaccount-submit,
body.site-form-flow #address_book .address-book-footer-bar button.btn-bs4,
body.site-form-flow #address_book .address-book-footer-bar .btn-bs4.ui-button,
body.site-form-flow #address_book .address-book-footer-bar a.ui-button,
body.site-form-flow #address_book .address-book-footer-bar .ui-button,
body.site-form-flow #address_book .address-book-footer-bar #tdb2,
body.site-form-flow .mj-createaccount .mj-reg-actions button.btn-bs4,
body.site-form-flow .mj-createaccount .mj-reg-actions .btn-bs4.ui-button,
body.site-form-flow .mj-createaccount .mj-reg-actions a.ui-button,
body.site-form-flow .mj-createaccount .mj-reg-actions .ui-button,
body.site-form-flow .mj-createaccount .mj-reg-actions #tdb2,
body.site-form-flow .mj-createaccount .mj-reg-actions .mj-reg-actions-pair-btn,
body.site-form-flow .mj-createaccount .mj-reg-actions button.mj-createaccount-submit {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
  border: 1px solid var(--mo-olive-active) !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}
body.site-form-flow .buttonSet a.ui-button .ui-button-text,
body.site-form-flow .buttonSet .ui-button .ui-button-text,
body.site-form-flow #address_book .address-book-footer-bar a.ui-button .ui-button-text,
body.site-form-flow #address_book .address-book-footer-bar .ui-button .ui-button-text,
body.site-form-flow .mj-createaccount .mj-reg-actions a.ui-button .ui-button-text,
body.site-form-flow .mj-createaccount .mj-reg-actions .ui-button .ui-button-text {
  color: var(--mo-cta-text) !important;
}
body.site-form-flow .buttonSet button.btn-bs4:hover,
body.site-form-flow .buttonSet a.ui-button:hover,
body.site-form-flow .buttonSet #tdb2:hover,
body.site-form-flow .buttonSet button.mj-createaccount-submit:hover,
body.site-form-flow #address_book .address-book-footer-bar button.btn-bs4:hover,
body.site-form-flow #address_book .address-book-footer-bar a.ui-button:hover,
body.site-form-flow #address_book .address-book-footer-bar #tdb2:hover,
body.site-form-flow .mj-createaccount .mj-reg-actions button.btn-bs4:hover,
body.site-form-flow .mj-createaccount .mj-reg-actions a.ui-button:hover,
body.site-form-flow .mj-createaccount .mj-reg-actions #tdb2:hover,
body.site-form-flow .mj-createaccount .mj-reg-actions .mj-reg-actions-pair-btn:hover,
body.site-form-flow .mj-createaccount .mj-reg-actions button.mj-createaccount-submit:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}

/* Adresar: Uredi / Briši — .address-book-entry-actions u address_book.php; bez :has(); neutralizira legacy float */
#address_book .review_box .content_box {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#address_book .review_box .content_box .address-book-entry-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  clear: both !important;
  float: none !important;
  margin-top: 10px !important;
  padding-top: 4px !important;
}
#address_book .review_box .content_box .address-book-entry-actions .link_button {
  flex: 0 1 auto !important;
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#address_book .review_box .content_box .address-book-entry-actions .link_button .tdbLink,
#address_book .review_box .content_box .address-book-entry-actions .link_button a.ui-button,
#address_book .review_box .content_box .address-book-entry-actions .link_button button.ui-button {
  float: none !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
/* Isti path kao legacy .link_button a u akcije.css — eksplicitno ukloni float unutar adresara */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book .address-book-entry-actions .link_button a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book .address-book-entry-actions a.ui-button,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book .address-book-entry-actions .ui-button {
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}
/* „Dodaj adresu“ / „Natrag“: flex umjesto .buttonAction{width:50%} + .link_button a{float:right} */
/* footer omot: mj-template #address_book p:last-child{float:left} lomio je raspored kad je <p> bilo zadnje dijete #address_book */
#address_book.contentContainer {
  overflow-x: hidden !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#address_book .address-book-footer {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  clear: both !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Donji dio: flex red — „Dodaj adresu” / „Odustani” poravnato, bez preklapanja napomene */
#address_book .address-book-footer-bar.mo-address-book-footer-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 20px 0 0 0 !important;
  padding: 12px 0 12px 0 !important;
  clear: both !important;
  float: none !important;
  border-top: 1px solid var(--mo-line) !important;
  box-sizing: border-box !important;
}
#address_book .mo-address-book-footer-actions--back-only {
  justify-content: flex-end !important;
}
#address_book .address-book-footer-note-wrap {
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#address_book .address-book-footer-left {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
#address_book .address-book-footer-right {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
#address_book .mo-address-book-footer-actions--back-only .address-book-footer-right {
  flex: 0 0 auto !important;
}
#address_book .mo-address-book-footer-actions .link_button {
  float: none !important;
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
#address_book .mo-address-book-footer-actions .link_button .tdbLink,
#address_book .mo-address-book-footer-actions .link_button a,
#address_book .mo-address-book-footer-actions .link_button a.ui-button,
#address_book .mo-address-book-footer-actions .link_button button.ui-button,
#address_book .mo-address-book-footer-actions a.ui-button {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book .mo-address-book-footer-actions .link_button a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book .mo-address-book-footer-actions a.ui-button,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book .mo-address-book-footer-actions .ui-button {
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}
#address_book .address-book-footer .address-book-max-note {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  color: #333 !important;
  font-weight: 600 !important;
  padding: 10px !important;
  border: 1px solid #b4cc64 !important;
  position: relative !important;
  background: #fafdf0 !important;
}
#address_book .address-book-max-note strong {
  color: #333 !important;
  font-weight: 600 !important;
}
/* Unos / uređivanje adrese: „Nastavi“ + „Odustani“ u istom redu (bez legacy floata iz akcije.css) */
#address_book_process .buttonSet.mo-address-book-process-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 18px 0 0 0 !important;
  padding: 12px 0 0 0 !important;
  border-top: 1px solid var(--mo-line) !important;
  box-sizing: border-box !important;
}
#address_book_process .mo-address-book-process-actions .buttonAction,
#address_book_process .mo-address-book-process-actions .link_button {
  float: none !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}
#address_book_process .mo-address-book-process-actions .buttonAction {
  justify-content: flex-start !important;
}
#address_book_process .mo-address-book-process-actions .link_button {
  justify-content: flex-end !important;
}
#address_book_process .mo-address-book-process-actions .buttonAction .ui-button,
#address_book_process .mo-address-book-process-actions .buttonAction button.ui-button,
#address_book_process .mo-address-book-process-actions .link_button a.ui-button,
#address_book_process .mo-address-book-process-actions .link_button button.ui-button,
#address_book_process .mo-address-book-process-actions .link_button .ui-button {
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book_process .mo-address-book-process-actions .link_button a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book_process .mo-address-book-process-actions a.ui-button,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #address_book_process .mo-address-book-process-actions .ui-button {
  float: none !important;
}

/* Adresar — jedinstveni CTA: VELIKA SLOVA, ista sage zelena, ista visina (npr. Uredi/Briši + Dodaj adresu/Odustani + Nastavi) */
#address_book .review_box .content_box .address-book-entry-actions .link_button .ui-button,
#address_book .review_box .content_box .address-book-entry-actions .link_button a.ui-button,
#address_book .review_box .content_box .address-book-entry-actions .link_button button.ui-button,
#address_book .mo-address-book-footer-actions .link_button .ui-button,
#address_book .mo-address-book-footer-actions .link_button a.ui-button,
#address_book .mo-address-book-footer-actions .link_button button.ui-button,
#address_book .mo-address-book-footer-actions a.ui-button,
#address_book_process .mo-address-book-process-actions .buttonAction .ui-button,
#address_book_process .mo-address-book-process-actions .buttonAction button.ui-button,
#address_book_process .mo-address-book-process-actions .link_button .ui-button,
#address_book_process .mo-address-book-process-actions .link_button a.ui-button,
#address_book_process .mo-address-book-process-actions .link_button button.ui-button {
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  min-height: 42px !important;
  height: 42px !important;
  line-height: 1.25 !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  border-radius: 14px !important;
  background: var(--mo-olive, #6b8f4e) !important;
  background-color: var(--mo-olive, #6b8f4e) !important;
  background-image: none !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
}
#address_book .review_box .content_box .address-book-entry-actions .ui-button .ui-button-text,
#address_book .mo-address-book-footer-actions .ui-button .ui-button-text,
#address_book_process .mo-address-book-process-actions .ui-button .ui-button-text {
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  color: #ffffff !important;
}
#address_book .review_box .content_box .address-book-entry-actions a.ui-button:hover,
#address_book .review_box .content_box .address-book-entry-actions button.ui-button:hover,
#address_book .mo-address-book-footer-actions .link_button a.ui-button:hover,
#address_book .mo-address-book-footer-actions .link_button button.ui-button:hover,
#address_book_process .mo-address-book-process-actions .link_button a.ui-button:hover,
#address_book_process .mo-address-book-process-actions .link_button button.ui-button:hover,
#address_book_process .mo-address-book-process-actions .buttonAction button.ui-button:hover {
  background: var(--mo-olive-hover, #5c7a45) !important;
  background-color: var(--mo-olive-hover, #5c7a45) !important;
  color: #ffffff !important;
}
body.site-form-flow .fieldKey {
  color: #5a6e52 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
body.site-form-flow .fieldValue,
body.site-form-flow .fieldValue input,
body.site-form-flow .fieldValue select {
  color: var(--mo-body-text) !important;
}
body.site-form-flow .mj-page-heading-wrap .mj-page-heading {
  margin: 0 !important;
}
/* Kategorijska traka — seopage postavlja #000 na nekim širinama */
body.site-form-flow .horizontalslide {
  background: var(--mo-accent-tab) !important;
}

/* Zaboravljena lozinka / nova lozinka — isti gumbi i tipografija kao na prijavi */
body.flow-password-forgotten #mj-passwordforgotten h1 {
  font-family: inherit !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--mo-banner-heading) !important;
  line-height: 1.3 !important;
  margin: 0 0 14px 0 !important;
  text-transform: none !important;
}
body.flow-password-reset #mj-contentarea h1 {
  font-family: inherit !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--mo-banner-heading) !important;
  line-height: 1.3 !important;
  margin: 0 0 14px 0 !important;
  text-transform: none !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentText > table,
body.flow-password-reset .contentContainer .contentText > table {
  width: 100% !important;
  max-width: 26rem !important;
  table-layout: fixed !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentText table td.fieldKey,
body.flow-password-forgotten #mj-passwordforgotten .contentText table td.fieldValue,
body.flow-password-reset .contentContainer .contentText td.fieldKey,
body.flow-password-reset .contentContainer .contentText td.fieldValue {
  display: block !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentText td.fieldKey,
body.flow-password-reset .contentContainer .contentText td.fieldKey {
  padding: 12px 0 4px 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #5a6e52 !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentText tr:first-child td.fieldKey,
body.flow-password-reset .contentContainer .contentText tr:first-child td.fieldKey {
  padding-top: 0 !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentText td.fieldValue,
body.flow-password-reset .contentContainer .contentText td.fieldValue {
  padding: 0 0 4px 0 !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentText .fieldValue input,
body.flow-password-reset .contentContainer .contentText .fieldValue input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentContainer .buttonSet,
body.flow-password-forgotten .contentContainer .buttonSet,
body.flow-password-reset .contentContainer .buttonSet {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  border-top: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  clear: both !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentContainer .buttonSet p,
body.flow-password-forgotten .contentContainer .buttonSet p,
body.flow-password-reset .contentContainer .buttonSet p,
body.flow-password-reset .contentContainer .buttonSet .buttonAction {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  float: none !important;
  text-align: center !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
}
body.flow-password-forgotten .contentContainer .buttonSet p.btn-bs4,
body.flow-password-forgotten .contentContainer .buttonSet p.btn-bs4-small,
body.flow-password-reset .contentContainer .buttonSet p.btn-bs4,
body.flow-password-reset .contentContainer .buttonSet p.btn-bs4-small {
  background: transparent !important;
  background-color: transparent !important;
}
body.flow-password-forgotten .contentContainer .buttonSet p > span,
body.flow-password-reset .contentContainer .buttonSet p > span,
body.flow-password-reset .contentContainer .buttonSet .buttonAction > span {
  background: transparent !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentContainer .buttonSet .ui-button,
body.flow-password-forgotten #mj-passwordforgotten .contentContainer .buttonSet a.ui-button,
body.flow-password-forgotten #mj-passwordforgotten .contentContainer .buttonSet button.ui-button,
body.flow-password-forgotten .contentContainer .buttonSet .ui-button,
body.flow-password-forgotten .contentContainer .buttonSet a.ui-button,
body.flow-password-forgotten .contentContainer .buttonSet button.ui-button,
body.flow-password-reset .contentContainer .buttonSet .ui-button,
body.flow-password-reset .contentContainer .buttonSet a.ui-button,
body.flow-password-reset .contentContainer .buttonSet button.ui-button {
  min-height: 44px !important;
  padding: 10px 20px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  line-height: 1.25 !important;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: 0 1px 2px rgba(52, 74, 36, 0.12) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  vertical-align: middle !important;
}
body.flow-password-forgotten #mj-passwordforgotten .contentContainer .buttonSet .ui-button .ui-button-text,
body.flow-password-forgotten .contentContainer .buttonSet .ui-button .ui-button-text,
body.flow-password-reset .contentContainer .buttonSet .ui-button .ui-button-text {
  padding: 0 !important;
  line-height: 1.25 !important;
  font-family: inherit !important;
}

/* Moja lozinka — široko: flex red + bez floata (≤979 gore u .buttonSet bloku) */
@media screen and (min-width: 980px) {
  #mj-container #account_password .review_box .content_box .buttonSet {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin: 14px 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  #mj-container #account_password .buttonSet > .buttonAction,
  #mj-container #account_password .buttonSet > .link_button {
    width: auto !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  #mj-container #account_password .buttonSet .ui-button,
  #mj-container #account_password .buttonSet a.ui-button,
  #mj-container #account_password .buttonSet button.ui-button {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* TOPBAR — isti font kao #mj-container (Inter + sistemski stack; izvan containera nasljeđuje serif) */
#mj-topbar,
#mj-topbar h2,
#headerShortcuts,
#headerShortcuts .menu,
#headerShortcuts a,
#headerShortcuts .ui-button {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
/* Stara traka (#tdb2 Prijava, #tdb4 košarica) — ostaje u DOMu ali mora biti skrivena (inline display:none gubi protiv !important u drugim pravilima). */
#mj-topbar {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  background: var(--mo-page-bg) !important;
  border-bottom: 1px solid var(--mo-line) !important;
  min-height: 0 !important;
}
#tdb4.mj-header-cart-link,
a.mj-header-cart-link#tdb4 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  min-height: 32px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}
#tdb4.mj-header-cart-link .fa-shopping-cart,
.mj-header-cart-link .fa-shopping-cart {
  font-size: 1.08rem !important;
  color: var(--mo-body-text) !important;
}
#tdb4.mj-header-cart-link:hover .fa-shopping-cart { color: var(--mo-banner-heading) !important; }

/* Glavni #mj-header — košarica: ikona u svijetlo zelenoj kutiji + cijena (precrtano / akcija) */
a.mj-header-cart-link.mj-header-cart-block {
  background: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: auto !important;
  max-height: none !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}
a.mj-header-cart-link.mj-header-cart-block:hover {
  opacity: 0.92 !important;
}
.mj-header-cart-icon-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: #eef6ea !important;
  border: 1px solid #a8c98f !important;
  box-sizing: border-box !important;
}
a.mj-header-cart-link.mj-header-cart-block .mj-header-cart-icon {
  font-size: 1.15rem !important;
  color: #458917 !important;
}
.mj-header-cart-prices {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  line-height: 1.2 !important;
}
.mj-header-cart-price-was {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #9aa0a8 !important;
  text-decoration: line-through !important;
  letter-spacing: 0.02em !important;
}
.mj-header-cart-price-now {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #458917 !important;
  letter-spacing: 0.02em !important;
}

/* Iznos košarice u headeru sakriven (desktop i mobilna) — ostaje samo ikona u „kutiji” */
#mj-header .mj-header-cart-prices {
  display: none !important;
}


/* ============================================================
   CART POPUP - sticky notification (fixed bottom-right)
   ============================================================ */
.mo-cart-popup {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 99990 !important;
  width: 300px !important;
  max-width: calc(100vw - 32px) !important;
  background: #fff !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.16), 0 2px 8px rgba(0,0,0,0.08) !important;
  font-family: var(--mo-font-sans) !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(16px) scale(0.97) !important;
  transition: opacity 0.22s ease, transform 0.22s ease !important;
}
.mo-cart-popup.show {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}
.mo-cart-popup-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: var(--mo-sage-dark) !important;
  color: #fff !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
.mo-cart-popup-close {
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.75) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: color 0.15s !important;
}
.mo-cart-popup-close:hover { color: #fff !important; }
.mo-cart-popup-body { padding: 12px 14px 14px !important; }
.mo-cart-popup-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--mo-sage-dark) !important;
  margin-bottom: 4px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.mo-cart-popup-price { font-size: 12px !important; color: var(--mo-card-category) !important; margin-bottom: 2px !important; }
.mo-cart-popup-total {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--mo-sage-dark) !important;
  margin-bottom: 12px !important;
  padding-top: 6px !important;
  border-top: 1px solid var(--mo-line) !important;
}
.mo-cart-popup-btns { display: flex !important; flex-direction: column !important; gap: 6px !important; }
.mo-cart-popup-checkout {
  display: block !important;
  background: var(--mo-sage-dark) !important;
  color: #fff !important;
  text-align: center !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.18s !important;
}
.mo-cart-popup-checkout:hover { background: var(--mo-olive-hover) !important; color: #fff !important; text-decoration: none !important; }
.mo-cart-popup-continue {
  display: block !important;
  width: 100% !important;
  background: none !important;
  border: 1px solid var(--mo-line) !important;
  color: var(--mo-body-text) !important;
  text-align: center !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background 0.15s, border-color 0.15s !important;
}
.mo-cart-popup-continue:hover { background: #f5f5f5 !important; border-color: #bbb !important; }
/* Mobilna donja traka — košarica samo FA ikona (bez teksta „Košarica”) */


/* Sidebar box košarice — naslov kao ikona */
.mj-cart-box-title .mj-cart-title-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}
.mj-cart-box-title .mj-cart-title-link .fa-shopping-cart {
  font-size: 1.05rem !important;
  color: var(--mo-body-text) !important;
}
.mj-cart-box-title .mj-cart-title-link:hover .fa-shopping-cart {
  color: var(--mo-olive) !important;
}

#mj-topbar .punchline-2 { display: none !important; }
#mj-topbar .header-home-icon { display: none !important; }

/* NAVIGATION */
#mj-righttop { background: var(--mo-nav-bg) !important; border-bottom: 1px solid var(--mo-nav-border) !important; min-height: 40px !important; }
#mj-righttop .navbar-inner { background: var(--mo-nav-bg) !important; background-image: none !important; box-shadow: none !important; border: none !important; }

/* Navigacijska traka unutar #mj-container — ista širina kao sadržaj, bez „pucanja” iz layouta */
#mj-container #mj-righttop {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container #mj-righttop > .mj-subcontainer {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
#mj-container #mj-righttop .jsn-mainnav-inner.navbar-inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container #mj-righttop .jsn-mainnav-inner .container.clearfix {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}
/* overflow-x:auto na ovom omotaču na desktopu čini overflow-y:auto i reže .nav-child (position:absolute). */
#mj-container #mj-righttop .navigation-section {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Desktop (≥980): puni širinu viewpora — legacy mj-template/akcije (#… float:left; display:inline)
   + Flexslider .flex-viewport ponekad dobije užu izračunatu širinu → bijeli stupac desno pri sužavanju. */
@media screen and (min-width: 980px) {
  html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }
  body {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  #mj-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  /* Nemoj davati #mj-topbar display:block ovdje — duplira #tdb2/#tdb4 s #mj-header. Globalno: display:none !important na #mj-topbar. */
  #mj-header,
  #mj-navigation,
  #mj-righttop,
  #mj-slideshow,
  #mj-featured1,
  #mj-featured2,
  #mj-featured3,
  #mj-featured4,
  #mj-maincontent,
  #mj-footer,
  #mj-copyright {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Ostavi flex na traci izbornika (mj-template #mj-righttop { display:flex }) */
  #mj-righttop {
    display: flex !important;
    align-items: center !important;
  }
  #mj-header,
  #mj-navigation,
  #mj-slideshow,
  #mj-featured1,
  #mj-featured2,
  #mj-featured3,
  #mj-featured4,
  #mj-maincontent,
  #mj-footer,
  #mj-copyright {
    display: block !important;
  }
  body.homepage #mj-slideshow .flexslider,
  #mj-slideshow .flexslider,
  body.homepage #mj-slideshow .flex-viewport,
  #mj-slideshow .flex-viewport {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  #mj-slideshow .slides,
  #mj-slideshow .flexslider .slides {
    width: 100% !important;
    max-width: 100% !important;
  }
  /*
   * Fade hero: flexslider.css ima .slides,.slides>li { height:100% } što s inline visinom iz JS
   * daje ogroman prazni prostor kad se promijeni širina prozora (stale % referenca).
   */
  #mj-slideshow .flexslider .slides {
    height: auto !important;
    min-height: 0 !important;
  }
  #mj-slideshow .flexslider .slides > li {
    height: auto !important;
    min-height: 0 !important;
  }
}

#mj-container #jsn-pos-mainnav .nav-child {
  max-width: min(calc(100vw - 24px), 48rem) !important;
  box-sizing: border-box !important;
}
#mj-container #jsn-pos-mainnav .nav-child li a {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}
#jsn-pos-mainnav .nav > li > a,
#jsn-pos-mainnav .nav > li > div > a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--mo-nav-ink) !important;
  letter-spacing: 0.02em !important;
  text-shadow: none !important;
  background: transparent !important;
  -webkit-text-fill-color: var(--mo-nav-ink) !important;
  text-transform: none !important;
  padding: 11px 16px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  line-height: 1.35 !important;
  border-bottom: 3px solid transparent !important;
  white-space: nowrap !important;
}
#jsn-pos-mainnav .nav > li > div > a.mj-nav-parent-link {
  justify-content: flex-start !important;
  gap: 8px !important;
}
/* Jedna strelica uz padajući tab (samo <i>, bez ::after — inače dupla v) */
#jsn-pos-mainnav a.mj-nav-parent-link::after {
  content: none !important;
  display: none !important;
}
#jsn-pos-mainnav a.mj-nav-parent-link > i.arrow,
#jsn-pos-mainnav a.mj-nav-parent-link > .mj-nav-parent-arrow {
  display: inline-block !important;
  visibility: visible !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  min-height: 7px !important;
  max-width: 10px !important;
  max-height: 10px !important;
  padding: 2px !important;
  margin: 0 0 0 8px !important;
  border: solid #344a24 !important;
  border-width: 0 2px 2px 0 !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  opacity: 0.88 !important;
  transform: rotate(45deg) !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
#jsn-pos-mainnav .nav > li:hover > a,
#jsn-pos-mainnav .nav > li:hover > div > a {
  background: rgba(107, 143, 78, 0.12) !important;
  border-bottom: 3px solid var(--mo-olive) !important;
  color: var(--mo-nav-ink) !important;
  -webkit-text-fill-color: var(--mo-nav-ink) !important;
}
#jsn-pos-mainnav .nav-child { background: #ffffff !important; border: 1px solid var(--mo-line) !important; border-radius: 10px !important; box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important; z-index: 99999 !important; position: absolute !important; }
#jsn-pos-mainnav .nav-child li { background: transparent !important; }
#jsn-pos-mainnav .nav-child li a {
  color: var(--mo-body-text) !important;
  background: #f7f9f4 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 10px 16px 10px 22px !important;
  display: block !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--mo-body-text) !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
}
#jsn-pos-mainnav .nav-child li a:hover { background: var(--mo-nav-bg-hover) !important; color: var(--mo-banner-heading) !important; -webkit-text-fill-color: var(--mo-banner-heading) !important; }

/* Naslovni meni + podizbornici: poništi uppercase iz mk_ik-template.css */
#mj-menubar #jsn-pos-mainnav .nav a,
#mj-menubar #jsn-pos-mainnav .nav-child a {
  text-transform: none !important;
}

/* Desktop (≥980px): veći tekst u glavnoj navigaciji i podizborniku */
@media screen and (min-width: 980px) {
  #jsn-pos-mainnav .nav > li > a,
  #jsn-pos-mainnav .nav > li > div > a {
    font-size: 16px !important;
    padding: 12px 18px !important;
    min-height: 46px !important;
    line-height: 1.38 !important;
  }
  #jsn-pos-mainnav .nav-child li a {
    font-size: 14px !important;
    padding: 11px 18px 11px 24px !important;
    line-height: 1.42 !important;
    font-weight: 600 !important;
  }
  #mj-container .horizontalslide a {
    font-size: 12.5px !important;
    padding: 11px 28px !important;
    letter-spacing: 0.05em !important;
  }

  /*
   * Uženi desktop: jedan red + horizontalni scroll (bez JS strelica).
   * Vidljiva tanka traka ispod tabova — povuci udesno ili Shift + kotačić.
   */
  #mj-container #mj-righttop {
    position: relative !important;
    z-index: 260 !important;
    overflow: visible !important;
  }
  #mj-container #mj-righttop .navigation-section {
    overflow: visible !important;
    max-width: 100% !important;
  }
  #jsn-pos-mainnav {
    position: relative !important;
    z-index: 1 !important;
    max-width: 100% !important;
  }
  #jsn-pos-mainnav .mo-top-nav-scroll {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    touch-action: pan-x !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(84, 110, 58, 0.65) rgba(212, 223, 196, 0.45) !important;
    padding-bottom: 2px !important;
    box-sizing: border-box !important;
  }
  #jsn-pos-mainnav .mo-top-nav-scroll::-webkit-scrollbar {
    display: block !important;
    height: 7px !important;
  }
  #jsn-pos-mainnav .mo-top-nav-scroll::-webkit-scrollbar-thumb {
    background: rgba(84, 110, 58, 0.6) !important;
    border-radius: 999px !important;
  }
  #jsn-pos-mainnav .mo-top-nav-scroll::-webkit-scrollbar-track {
    background: rgba(212, 223, 196, 0.4) !important;
    border-radius: 999px !important;
  }
  #jsn-pos-mainnav .mo-top-nav-scroll > ul.nav,
  #jsn-pos-mainnav .mo-top-nav-track > ul.nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: max-content !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }
  #jsn-pos-mainnav .mo-top-nav-scroll > ul.nav > li,
  #jsn-pos-mainnav .mo-top-nav-track > ul.nav > li {
    float: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: stretch !important;
    margin-top: 0 !important;
  }
  #jsn-pos-mainnav .mo-top-nav-scroll > ul.nav > li > div,
  #jsn-pos-mainnav .mo-top-nav-track > ul.nav > li > div {
    display: flex !important;
    align-items: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  #jsn-pos-mainnav .mo-top-nav-track > ul.nav > li,
  #jsn-pos-mainnav .mo-top-nav-scroll > ul.nav > li {
    position: relative !important;
    overflow: visible !important;
  }
  /* Zatvoren podizbornik ne smije biti flex-stupac u traci tabova (bijelo polje) */
  #jsn-pos-mainnav .mo-top-nav-scroll > ul.nav > li > ul.nav-child:not(.mo-nav-dd-open),
  #jsn-pos-mainnav .mo-top-nav-track > ul.nav > li > ul.nav-child:not(.mo-nav-dd-open) {
    display: none !important;
    flex: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  /* Otvoren: samo kompaktan padajući popis (fixed, izvan scroll trake) */
  #jsn-pos-mainnav .mo-top-nav-scroll ul.nav-child.mo-nav-dd-open,
  #jsn-pos-mainnav .mo-top-nav-track ul.nav-child.mo-nav-dd-open {
    display: block !important;
    position: fixed !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: min(92vw, 420px) !important;
    height: auto !important;
    max-height: min(70vh, 520px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 10100 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(52, 74, 36, 0.14) !important;
    background: #ffffff !important;
  }
  #jsn-pos-mainnav .mo-top-nav-scroll > ul.nav > li > a,
  #jsn-pos-mainnav .mo-top-nav-scroll > ul.nav > li > div > a,
  #jsn-pos-mainnav .mo-top-nav-track > ul.nav > li > a,
  #jsn-pos-mainnav .mo-top-nav-track > ul.nav > li > div > a {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    overflow: visible !important;
    min-width: max-content !important;
  }
  #jsn-pos-mainnav .mo-top-nav-shell,
  #jsn-pos-mainnav .mo-top-nav-track {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
  #jsn-pos-mainnav .mo-top-nav-chev {
    display: none !important;
  }
  @media screen and (min-width: 980px) and (max-width: 1280px) {
    #jsn-pos-mainnav .nav > li > a,
    #jsn-pos-mainnav .nav > li > div > a {
      padding-left: 11px !important;
      padding-right: 11px !important;
      font-size: 15px !important;
    }
  }
  /* Superfish u Proizvodi — ne horizontalno u traci tabova */
  #jsn-pos-mainnav .mo-top-nav-scroll #submenu2 .sf-menu,
  #jsn-pos-mainnav .mo-top-nav-scroll #submenu2 .sf-menu > li {
    float: none !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
  }
}

/* Homepage / kategorije / listing desktop (≥980px): tri stupca (DOM [content][left][right] — flex + order).
   Poništava homepage.css (right: ±%), mj-layout.css float:right i float mrežu koja „puca”. */
@media screen and (min-width: 980px) {
  body.homepage #mj-maincontent > .mj-subcontainer,
  body.c-path #mj-maincontent > .mj-subcontainer,
  body.spectype #mj-maincontent > .mj-subcontainer,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0 clamp(14px, 2vw, 26px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16 {
    order: 1 !important;
    flex: 0 0 clamp(220px, 20vw, 300px) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16 {
    order: 3 !important;
    flex: 0 0 clamp(220px, 20vw, 300px) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* mj-layout.css: #mj-contentarea, #mj-right { float: right } — inače se stupci preklapaju */
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right {
    float: none !important;
  }

  /*
   * Prijava / registracija / košarica (site-form-flow) i napredno pretraživanje (advanced-search):
   * isti DOM [content][left][right] kao početnica. Bez flex+order stupci ostaju u DOM redoslijedu.
   */
  body.site-form-flow #mj-maincontent > .mj-subcontainer,
  body.advanced-search #mj-maincontent > .mj-subcontainer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0 clamp(14px, 2vw, 26px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.site-form-flow #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.site-form-flow #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.site-form-flow #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.advanced-search #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.advanced-search #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.advanced-search #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace {
    order: 2 !important;
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.site-form-flow #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.advanced-search #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16 {
    order: 1 !important;
    flex: 0 0 clamp(220px, 20vw, 300px) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.site-form-flow #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.advanced-search #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16 {
    order: 3 !important;
    flex: 0 0 clamp(220px, 20vw, 300px) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /*
   * Bilo koja stranica bez body klase: kad su #mj-left i #mj-right izravna djeca .mj-subcontainer
   * (šablon: prvo #mj-contentarea, pa stupci u template_bottom). :has() pokriva npr. ai_search_page
   * i ostale stranice koje ne ulaze u gornje body.* grane.
   */
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0 clamp(14px, 2vw, 26px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid64.mj-lspace,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid96.mj-lspace,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid80.mj-lspace {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-left.mj-grid16 {
    order: 1 !important;
    flex: 0 0 clamp(220px, 20vw, 300px) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-right.mj-grid16 {
    order: 3 !important;
    flex: 0 0 clamp(220px, 20vw, 300px) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /*
   * Desktop tri-stupac: poništi legacy % širine (mj-general) i offsete — inače sadržaj/desni stupac
   * nestanu izvan ekrana (overflow-x na #mj-container). Vrijedi za c-path, spectype/akcije i :has().
   */
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-left,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-right {
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-left.mj-grid16,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-right.mj-grid16 {
    width: auto !important;
    max-width: none !important;
    flex-shrink: 0 !important;
  }
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid64.mj-lspace,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid96.mj-lspace,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid80.mj-lspace {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body.homepage #mj-maincontent #mj-left .subproduct_name,
  body.homepage #mj-maincontent #mj-right .subproduct_name {
    height: auto !important;
    min-height: auto !important;
    padding: 11px 13px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
    letter-spacing: 0.038em !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }
  body.homepage #mj-maincontent #mj-left .subproduct_name a,
  body.homepage #mj-maincontent #mj-right .subproduct_name a {
    line-height: 1.42 !important;
    display: block !important;
  }

  /* Tekst/link iznad centrirane reklame */
  body.homepage #mj-maincontent #mj-left .left-right-side-box-content,
  body.homepage #mj-maincontent #mj-right .left-right-side-box-content {
    padding: 6px 11px 15px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.56 !important;
    color: var(--mo-body-text) !important;
  }
  body.homepage #mj-maincontent #mj-left .left-right-side-box-content a,
  body.homepage #mj-maincontent #mj-right .left-right-side-box-content a {
    color: var(--mo-body-text) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1.56 !important;
    text-decoration: none !important;
  }
  body.homepage #mj-maincontent #mj-left .left-right-side-box-content a:hover,
  body.homepage #mj-maincontent #mj-right .left-right-side-box-content a:hover {
    color: var(--mo-olive) !important;
    text-decoration: underline !important;
  }

  /* Varijanta s ugniježđenim <div style="font-size:13px"> (npr. NOVA### oglasi) */
  body.homepage #mj-maincontent #mj-left .infoBoxContainer.mj-whatsnew > div:nth-child(2):not([style*='text-align:center']),
  body.homepage #mj-maincontent #mj-right .infoBoxContainer.mj-whatsnew > div:nth-child(2):not([style*='text-align:center']) {
    padding: 6px 11px 15px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.56 !important;
    color: var(--mo-body-text) !important;
    box-sizing: border-box !important;
  }
  body.homepage #mj-maincontent #mj-left .infoBoxContainer.mj-whatsnew > div:nth-child(2) a,
  body.homepage #mj-maincontent #mj-right .infoBoxContainer.mj-whatsnew > div:nth-child(2) a {
    color: var(--mo-body-text) !important;
    font-weight: 500 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
  }

  body.homepage #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid,
  body.advanced_search_result #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid {
    gap: 18px 20px !important;
    margin-top: 12px !important;
  }
  body.homepage #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  body.advanced_search_result #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent {
    padding: 14px 14px !important;
  }

  body.homepage #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .new-card-product-title-link,
  body.homepage #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .product_name.new-card-product-name a:not(.btn-cart),
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .new-card-product-title-link,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .product_name.new-card-product-name a:not(.btn-cart),
  body.advanced_search_result #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .new-card-product-title-link,
  body.advanced_search_result #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .product_name.new-card-product-name a:not(.btn-cart) {
    font-size: 16px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    min-height: calc(3 * 1.45em) !important;
  }

  /* Napredna pretraga: ista raster + padding ako je DOM pomaknut (descendant bez punog mj-subcontainer lanca ne utječe) */
  body.advanced_search_result #mj-contentarea .products-grid {
    gap: 18px 20px !important;
    margin-top: 12px !important;
  }
  body.advanced_search_result #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent {
    padding: 14px 14px !important;
  }

  body.homepage #mj-container .mo-home-bs {
    margin-bottom: 26px !important;
    margin-top: -10px !important;
  }
  body.homepage #mo-listing-header.mo-listing-header,
  body.spectype #mo-listing-header.mo-listing-header {
    margin-bottom: 24px !important;
    margin-top: 8px !important;
  }
  body.homepage #mj-container .mo-home-bs__head {
    margin-bottom: 16px !important;
  }
  body.homepage #mj-container .mo-home-bs__title {
    font-size: 1.22rem !important;
  }

  /* Desktop — velika okvirana košarica (kao početnica) na svim listama / karticama gdje postoji mj-listing-cart-nav */
  #mj-container a.mj-productdetail-more.mj-listing-cart-nav {
    min-width: 52px !important;
    min-height: 48px !important;
    padding: 7px 10px !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
    border: 2px solid rgba(109, 143, 82, 0.55) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 247, 232, 0.96) 100%) !important;
    box-shadow: 0 1px 4px rgba(52, 74, 36, 0.12) !important;
  }
  #mj-container a.mj-productdetail-more.mj-listing-cart-nav .fa-shopping-cart {
    font-size: 40px !important;
  }
  #mj-container a.mj-productdetail-more.mj-listing-cart-nav:hover,
  #mj-container a.mj-productdetail-more.mj-listing-cart-nav:focus-visible {
    border-color: var(--mo-olive, #6d8f52) !important;
    background: #ffffff !important;
    box-shadow: 0 3px 14px rgba(107, 143, 78, 0.22) !important;
    outline: none !important;
  }
  #mj-container a.mj-productdetail-more.mj-listing-cart-nav:hover .fa-shopping-cart,
  #mj-container a.mj-productdetail-more.mj-listing-cart-nav:focus-visible .fa-shopping-cart {
    color: var(--mo-olive, #5a7a4a) !important;
  }

  body.homepage #mj-maincontent #mj-left .infoBoxContainer,
  body.homepage #mj-maincontent #mj-right .infoBoxContainer {
    overflow: hidden !important;
    box-shadow: 0 1px 5px rgba(52, 74, 36, 0.06) !important;
    margin-bottom: 14px !important;
    border-color: rgba(107, 143, 78, 0.2) !important;
  }
  body.homepage #mj-maincontent #mj-left .left-right-side-box-content img,
  body.homepage #mj-maincontent #mj-right .left-right-side-box-content img,
  body.homepage #mj-maincontent #mj-left .ui-widget-content img,
  body.homepage #mj-maincontent #mj-right .ui-widget-content img {
    filter: saturate(0.94) contrast(0.98) !important;
    border-radius: 8px !important;
  }
  body.homepage #mj-maincontent #mj-left .left-right-side-box-content a:hover img,
  body.homepage #mj-maincontent #mj-right .left-right-side-box-content a:hover img {
    filter: saturate(1) contrast(1) !important;
  }
}

/*
 * Tablet / suženi desktop (769–979px): isti tri-stupac kao ≥980px na listama.
 * Inače max-width:979px blok gura #mj-left/#mj-right ispod mreže (width:100%) — izgleda kao da „fale” bočni layouti.
 */
@media screen and (min-width: 769px) and (max-width: 979px) {
  body.c-path #mj-maincontent > .mj-subcontainer,
  body.spectype #mj-maincontent > .mj-subcontainer,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer,
  body.homepage #mj-maincontent > .mj-subcontainer,
  body.product-page #mj-maincontent > .mj-subcontainer:has(> #mj-left),
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0 clamp(10px, 1.6vw, 18px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea {
    order: 2 !important;
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    visibility: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-left,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-left {
    order: 1 !important;
    flex: 0 0 clamp(200px, 20vw, 280px) !important;
    width: clamp(200px, 20vw, 280px) !important;
    min-width: 150px !important;
    max-width: 210px !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: block !important;
    visibility: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-right {
    order: 3 !important;
    flex: 0 0 clamp(200px, 20vw, 280px) !important;
    width: clamp(200px, 20vw, 280px) !important;
    min-width: 150px !important;
    max-width: 210px !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: block !important;
    visibility: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid64.mj-lspace,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid96.mj-lspace,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea.mj-grid80.mj-lspace,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-left.mj-grid16,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-right.mj-grid16 {
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
}

/* Main menu strip (overrides seopage-style / older olive) */
.navigation-section { background: var(--mo-nav-bg) !important; }
#mj-menubar .navigation-section { background: var(--mo-nav-bg) !important; }

/* Glavna traka (mockup): logo, akcije, zatim pretraga + izbornik */
#mj-header.mj-header,
#mj-header {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--mo-surface) !important;
  background-color: var(--mo-surface) !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
#mj-header .mj-header-brand {
  flex-shrink: 0 !important;
}
#mj-header .mj-header-brand img {
  display: block !important;
  height: 50px !important;
  width: auto !important;
}
#mj-header .mj-header-actions {
  display: flex !important;
  align-items: stretch !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
}
#mj-header .mj-header-account-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  justify-content: flex-end !important;
}
#mj-header a.mj-header-wishlist-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
#mj-header .mj-header-wishlist-icon {
  font-size: 15px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
/* Badge broja uz „Lista želja” više ne koristimo (localStorage ≠ stvarni zapis u bazi za ulogiranog) */
#mj-header .mo-wish-header-badge,
#mj-header a.mj-header-wishlist-link .mo-count-badge {
  display: none !important;
}
.mj-header-login {
  color: var(--mo-body-text) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  border: 1.5px solid var(--mo-input-border) !important;
  background: var(--mo-input-bg) !important;
  white-space: nowrap !important;
  min-height: 34px !important;
  height: 34px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.mj-header-login:hover,
.mj-header-login:focus-visible {
  border-color: var(--mo-olive) !important;
  color: var(--mo-olive) !important;
  outline: none !important;
}
/* Top header actions: force identical button box for login/cart */
#mj-header .mj-header-actions > .mj-header-login {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  align-self: center !important;
}
#mj-header .mj-header-actions > a.mj-header-cart-link.mj-header-cart-block {
  height: auto !important;
  min-height: 34px !important;
  max-height: none !important;
  margin: 0 !important;
  align-self: center !important;
}
a.mj-header-cart-link.mj-header-cart-block .mj-header-cart-icon {
  display: block !important;
  line-height: 1 !important;
}

/* Desktop ≥980px: Google Translate u headeru — veća zastava u pill-u (zadano često ~16px visine). */
@media screen and (min-width: 980px) {
  #mj-header #google_translate_element,
  #mj-header .goog-te-gadget-simple {
    line-height: 1 !important;
  }
  #mj-header #google_translate_element .goog-te-gadget-simple .goog-te-menu-value,
  #mj-header .goog-te-gadget-simple .goog-te-menu-value {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 11px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    vertical-align: middle !important;
  }
  #mj-header .goog-te-gadget-simple img,
  #mj-header .goog-te-gadget-simple img.goog-te-gadget-icon {
    height: 26px !important;
    width: auto !important;
    max-height: none !important;
    min-height: unset !important;
    vertical-align: middle !important;
    object-fit: contain !important;
  }
  #mj-container #mj-header .mj-header-actions img.goog-te-gadget-icon,
  #mj-container #mj-header .mj-header-actions .goog-te-gadget-simple img {
    height: 26px !important;
    width: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    vertical-align: middle !important;
  }
  #mj-header .goog-te-gadget-simple .goog-te-menu-value > span:first-child img {
    height: 26px !important;
    width: auto !important;
  }
  /* Stara traka (ako widget još ostane u languagebar-u) */
  #mj-languagebar .goog-te-gadget-simple img,
  #mj-languagebar .goog-te-gadget-simple img.goog-te-gadget-icon {
    height: 26px !important;
    width: auto !important;
    max-height: none !important;
    vertical-align: middle !important;
    object-fit: contain !important;
  }
}
/* Vidljiv natpis samo na mobilnom; vizuelni hamburger isto */
#mj-header .mj-category-menu-label,
#mj-header .mj-hamburger-visual {
  display: none !important;
}

/* Red pretrage + hamburger u istom redu (#mj-header) */
#mj-header .mj-header-search-menu-row {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}
#mj-header .mj-header-search-inner {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  position: relative !important;
}
#mj-header .mj-header-search-inner > form {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
#mj-header .mj-header-search-field {
  display: flex !important;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 1.5px solid var(--mo-input-border) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: var(--mo-input-bg) !important;
  height: 42px !important;
  box-sizing: border-box !important;
  position: relative !important;
}
#mj-header .mj-header-search-input {
  /* basis 0: inače textarea/value širi min-content i gurne gumb preko polja */
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 16px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  height: 42px !important;
  text-align: left !important;
  color: #344a24 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0.02em !important;
}
#mj-header .mj-header-search-input::placeholder {
  color: #5a6e52 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  text-align: left !important;
}
#mj-header .mj-header-search-input::-webkit-input-placeholder {
  text-align: left !important;
}
#mj-header .mj-header-search-input:-ms-input-placeholder {
  text-align: left !important;
}

/* Live rezultati: apsolutno ispod trake za pretragu (ne kao flex child unutar .mj-header-search-field) */
#mj-header .mj-header-search-inner .mo-search-dropdown,
#mj-header .mj-header-search-field .mo-search-dropdown,
#mj-header .mo-search-dropdown {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 6px) !important;
  z-index: 10050 !important;
  max-height: min(70vh, 420px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14) !important;
  box-sizing: border-box !important;
}
#mj-header .mo-search-result-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
  color: var(--mo-body-text) !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
#mj-header .mo-search-result-item:last-of-type {
  border-bottom: none !important;
}
#mj-header .mo-search-result-item:hover,
#mj-header .mo-search-result-item:focus-visible {
  background: var(--mo-nav-bg-hover) !important;
  outline: none !important;
}
#mj-header .mo-search-result-img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}
#mj-header .mo-search-result-info {
  min-width: 0 !important;
  flex: 1 !important;
}
#mj-header .mo-search-result-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
#mj-header .mo-search-result-prices {
  font-size: 12px !important;
  margin-top: 2px !important;
}
#mj-header .mo-search-dropdown-footer {
  padding: 10px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--mo-olive) !important;
  cursor: pointer !important;
  text-align: center !important;
  background: var(--mo-surface-soft) !important;
  border-top: 1px solid var(--mo-line) !important;
}
#mj-header .mo-search-dropdown-footer:hover {
  background: var(--mo-nav-bg-hover) !important;
}
#mj-header .mj-header-search-submit {
  flex: 0 0 46px !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--mo-olive) !important;
  color: var(--mo-cta-text) !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
  transition: background 0.18s ease, box-shadow 0.18s ease !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
#mj-header .mj-header-search-submit .mj-header-search-icon {
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
  vertical-align: middle !important;
}
#mj-header .mj-header-search-submit .fa-search {
  display: none !important;
}
#mj-header .mj-header-search-submit:hover,
#mj-header .mj-header-search-submit:focus-visible {
  background: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* ============================================================
   NAPREDNO PRETRAŽIVANJE — toggle gumb u headeru
   ============================================================ */
#mj-header .mj-header-search-inner {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
a.mo-adv-search-toggle,
.mo-adv-search-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-shrink: 0 !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  border-radius: 8px !important;
  color: var(--mo-nav-ink) !important;
  -webkit-text-fill-color: var(--mo-nav-ink) !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.18s, border-color 0.18s !important;
  line-height: 1 !important;
  text-decoration: none !important;
}
a.mo-adv-search-toggle:hover,
.mo-adv-search-toggle:hover {
  background: rgba(255,255,255,0.22) !important;
  border-color: rgba(255,255,255,0.45) !important;
  color: var(--mo-nav-ink) !important;
  -webkit-text-fill-color: var(--mo-nav-ink) !important;
  text-decoration: none !important;
}
/* Ikona na toggle gumbu */
.mo-adv-icon {
  font-size: 15px !important;
  transition: transform 0.2s ease !important;
  line-height: 1 !important;
}

/* Desktop: nema panela */
@media screen and (min-width: 641px) {
  #mo-adv-panel { display: none !important; }
}

/* Mobile */
@media screen and (max-width: 640px) {
  .mo-adv-search-toggle-label { display: none !important; }
  a.mo-adv-search-toggle,
  .mo-adv-search-toggle {
    padding: 0 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.18) !important;
    border: 1.5px solid rgba(255,255,255,0.4) !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  .mo-adv-icon {
    font-size: 17px !important;
  }
}

/* Mobile panel — slide-down */
#mo-adv-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.28s ease, padding 0.22s ease;
  background: var(--mo-sage-dark, #3b5c2a);
  padding: 0 16px;
}
#mo-adv-panel.mo-adv-open {
  max-height: 140px;
  padding: 12px 16px 14px;
}
.mo-adv-panel-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.mo-adv-panel-hint {
  margin: 0;
  font-size: 12px;
  color: rgba(255,255,255,0.78);
  flex: 1 1 auto;
}
.mo-adv-panel-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.32);
  border-radius: 8px;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 14px;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 0.18s;
  flex-shrink: 0;
}
.mo-adv-panel-btn:hover {
  background: rgba(255,255,255,0.28);
  text-decoration: none !important;
}


/* Napredna pretraga (advanced_search.php) — polje ključnih riječi, centrirani unos kao u headeru */
#mj-contentarea input.mo-adv-search-keywords {
  display: block !important;
  width: 100% !important;
  max-width: 36rem !important;
  margin: 8px 0 16px 0 !important;
  padding: 12px 18px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.02em !important;
  font-family: var(--mo-font-sans) !important;
  color: var(--mo-body-text) !important;
  border: 1.5px solid var(--mo-input-border) !important;
  border-radius: 999px !important;
  background: var(--mo-input-bg) !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#mj-contentarea input.mo-adv-search-keywords::placeholder {
  color: #5a6e52 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  text-align: center !important;
}
#mj-contentarea input.mo-adv-search-keywords::-webkit-input-placeholder {
  text-align: center !important;
}
#mj-contentarea input.mo-adv-search-keywords:-ms-input-placeholder {
  text-align: center !important;
}

/* Desktop: cijela širina pretrage, bez hamburgera u headeru (izbornik u traci ispod) */
@media screen and (min-width: 980px) {
  .mj-mainnav-toggle-in-header {
    display: none !important;
  }

  /* Pretraga: centrirano, široko polje, istaknuto Napredno */
  #mj-header .mj-header-search-menu-row {
    justify-content: center !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #mj-header .mj-header-search-inner {
    flex: 0 1 auto !important;
    width: min(1140px, 94%) !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 18px !important;
    align-items: center !important;
  }
  #mj-header .mj-header-search-inner .ls-search-wrap {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }
  #mj-header .mj-header-search-field {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 24px !important;
    width: 100% !important;
  }
  #mj-header .mj-header-search-input {
    height: 48px !important;
    padding: 0 14px 0 20px !important;
    line-height: 48px !important;
    text-align: left !important;
  }
  #mj-header .mj-header-search-input::placeholder,
  #mj-header .mj-header-search-input::-webkit-input-placeholder,
  #mj-header .mj-header-search-input:-ms-input-placeholder {
    text-align: left !important;
  }
  #mj-header .mj-header-search-submit {
    height: 48px !important;
    min-height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    flex: 0 0 48px !important;
  }
  #mj-header .mj-header-search-submit .mj-header-search-icon {
    width: 21px !important;
    height: 21px !important;
  }
  #mj-header a.mo-adv-search-toggle,
  #mj-header .mo-adv-search-toggle {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    padding: 10px 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    gap: 10px !important;
    border-radius: 10px !important;
    background: var(--mo-input-bg) !important;
    border: 1.5px solid var(--mo-input-border) !important;
    color: var(--mo-body-text) !important;
    -webkit-text-fill-color: var(--mo-body-text) !important;
  }
  #mj-header a.mo-adv-search-toggle:hover,
  #mj-header .mo-adv-search-toggle:hover {
    border-color: var(--mo-olive) !important;
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
    background: var(--mo-input-bg) !important;
  }
  #mj-header .mo-adv-search-toggle .mo-adv-icon {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  /*
   * Galerija: skripta postavlja visibility:hidden dok photosetGrid ne završi.
   * Na širim ekranima modern-override za #piGal je bio samo u max-width:979 — ako plugin ne pozove onComplete, slika ostane skrivena.
   */
  .mj-productinfo #piGal,
  body.product-page .mj-productinfo #piGal {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .mj-productinfo #piGal .photoset-row,
  .mj-productinfo #piGal .photoset-row a,
  .mj-productinfo #piGal img {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Galerija: uvijek vidljiva ako JS ostane na visibility:hidden (photoset onComplete) — !important pobjeđuje inline skriptu */
.mj-productinfo #piGal,
body.product-page .mj-productinfo #piGal {
  visibility: visible !important;
  opacity: 1 !important;
}
.mj-productinfo #piGal .photoset-row,
.mj-productinfo #piGal .photoset-row a,
.mj-productinfo #piGal .photoset-grid a,
.mj-productinfo #piGal img {
  visibility: visible !important;
  opacity: 1 !important;
}
.mj-productinfo #piGal img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* akcije.css: #piGal a { width:30%; height:100px } — nakon photoset-a <a> je u .photoset-row, ne kao :first-child #piGal, pa pravilo lomi glavnu sliku na desktopu */
.mj-productinfo #piGal .photoset-row a,
body.product-page .mj-productinfo #piGal .photoset-row a,
.mj-productinfo #piGal.photoset-grid .photoset-row a {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  float: none !important;
  display: block !important;
  margin: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}

/*
 * akcije.css: #piGal a { width:30%; height:100px; border:1px solid #eee } — ostaje aktivno na
 * ravnom <a> ispod #piGal (prije/dok photoset ne stavi .photoset-row), pa izgleda kao dva prazna polja.
 */
.mj-productinfo #piGal a,
body.product-page .mj-productinfo #piGal a {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  border: none !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}
.mj-productinfo #piGal a::before,
body.product-page .mj-productinfo #piGal a::before {
  content: none !important;
  display: none !important;
}

/* Galerija: bez „okvira” — blaga sjena daje dubinu (čistiji izgled od 1px linije na bijeloj podlozi) */
.mj-productinfo #piGal,
body.product-page .mj-productinfo #piGal {
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  box-shadow:
    0 1px 2px rgba(52, 74, 36, 0.06),
    0 10px 28px rgba(52, 74, 36, 0.07) !important;
}

/* Stranica proizvoda: redoslijed blokova + gumb „Dodaj u košaricu” ispod količine, poravnat udesno */
body.product-page .mj-productinfo .cartadd {
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
}
body.product-page .mj-productinfo .cartadd .cart_info {
  width: 100% !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin-bottom: 10px !important;
}

/* Labela "KOLIČINA:" — kompaktna, uz select */
.cart_info .cart-qty-title {
  font-family: var(--mo-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--mo-sage-dark) !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

/* Select za količinu — kompaktan, uz labelu */
body.product-page .mj-productinfo .cartadd .cart_info select#cart_quantity {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 60px !important;
  max-width: 80px !important;
}
body.product-page .mj-productinfo .cartadd > span {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: right !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
}
body.product-page .mj-productinfo .cartadd > span .ui-button,
body.product-page .mj-productinfo .cartadd > span button.ui-button {
  float: none !important;
  vertical-align: middle !important;
}

/* Stranica proizvoda — bijela podloga, cijena u redu s ostatkom trgovine */
.mj-productinfo {
  background: var(--mo-surface) !important;
}
.mj-productinfo .contentContainer.Shakib,
.mj-productinfo .contentContainer.Shakib .contentText {
  background: #ffffff !important;
}
.mj-product_infoleft {
  background: #ffffff !important;
}
/* Razmak između galerije i teksta desno (desktop; ispod 980px stupci su u stacku) */
@media screen and (min-width: 980px) {
  body.product-page .mj-productinfo .mj-product_infoleft {
    padding-right: 1.5rem !important;
    box-sizing: border-box !important;
  }
}
.mj-product_inforight .product_title:first-child h3.mj-productdescname {
  margin-bottom: 0.35rem !important;
}
.mj-product_inforight .product_title h2.mo-product-manufacturer {
  margin-top: 0 !important;
  margin-bottom: 0.35rem !important;
}
.mj-productinfo .mj-product_inforight .product_price {
  float: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px 0 16px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  color: var(--mo-body-text) !important;
  background: linear-gradient(165deg, var(--mo-input-bg) 0%, var(--mo-surface) 55%, var(--mo-surface-soft) 100%) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 4px rgba(52, 74, 36, 0.06) !important;
}
.mj-productinfo .mj-product_inforight .product_price h4.optionName {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  color: #5a6e52 !important;
  line-height: 1.3 !important;
}
.mj-productinfo .mj-product_inforight .product_price h4.optionName label,
.mj-productinfo .mj-product_inforight .product_price h4.optionName strong {
  font-weight: 600 !important;
  color: inherit !important;
}
.mj-productinfo .mj-product_inforight .price_amount {
  float: none !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  text-align: right !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--mo-body-text) !important;
}
.mj-productinfo .price_amount .product-prices {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
}
.mj-productinfo .discount-price {
  margin: 0 !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  color: var(--mo-olive) !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.2em 0.55em !important;
  border-radius: 8px !important;
  background: rgba(107, 143, 78, 0.12) !important;
  border: 1px solid rgba(107, 143, 78, 0.28) !important;
}
.mj-productinfo .text-line-through-single-product {
  margin: 0 !important;
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-sm) !important;
  font-weight: 500 !important;
  color: #8a9a88 !important;
}
.mj-productinfo .current-product-price {
  margin: 0 !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: var(--mo-sage-dark) !important;
}
.mj-productinfo .current-product-price a {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
}
.mj-productinfo .cartadd .product_price {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
}
.mj-productinfo .cartadd .product_price h3.mj-productdescname {
  flex: 0 0 auto !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #5a6e52 !important;
}
.horizontalslide {
  background: var(--mo-accent-tab) !important;
  border-top: 1px solid var(--mo-accent-tab-border) !important;
  border-bottom: 2px solid var(--mo-accent-tab-border) !important;
  padding: 0 40px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
.horizontalslide a {
  color: var(--mo-accent-tab-ink) !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  display: inline-block !important;
  border-bottom: 3px solid transparent !important;
  text-decoration: none !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  -webkit-font-smoothing: antialiased !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
.horizontalslide a:hover {
  color: var(--mo-accent-tab-ink) !important;
  background: rgba(168, 191, 122, 0.35) !important;
  border-bottom-color: transparent !important;
}
.horizontalslide a.mo-spec-tab--current {
  font-weight: 700 !important;
  border-bottom-color: var(--mo-olive) !important;
  background: rgba(107, 143, 78, 0.12) !important;
}
.horizontalslide a.mo-spec-tab--current:hover {
  border-bottom-color: var(--mo-olive) !important;
}

/*
 * Subnav Slick: kompaktan gumb (~34px), poluprozirni mint kao traka (#d4dfc4) — bez velikih „bijelih” krugova.
 */
.horizontalslide .slick-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  border-radius: 999px !important;
  background: rgba(212, 223, 196, 0.58) !important;
  background-image: none !important;
  background-color: rgba(212, 223, 196, 0.58) !important;
  backdrop-filter: blur(4px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(4px) saturate(120%) !important;
  border: 1px solid rgba(52, 74, 36, 0.16) !important;
  box-shadow: 0 1px 4px rgba(44, 58, 32, 0.07) !important;
  margin: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  filter: none !important;
  transition: background 0.16s ease, box-shadow 0.16s ease !important;
}
.horizontalslide .slick-arrow::after,
.horizontalslide button.slick-arrow::after {
  content: none !important;
  display: none !important;
}
.horizontalslide .slick-prev {
  left: 6px !important;
}
.horizontalslide .slick-next {
  right: 6px !important;
}
/* #mj-featured1 overflow-x:hidden + seopage .slick-next { right:-13px } = desna strelica izvan okvira („nestane”). */
  #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-prev,
  #mj-container #mj-featured1 .horizontalslide.slick-initialized .slick-prev {
  left: max(6px, env(safe-area-inset-left, 0px)) !important;
}
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-next,
#mj-container #mj-featured1 .horizontalslide.slick-initialized .slick-next {
  right: max(6px, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
}
/*
 * #mo-spec-nav-bar (Slick): SVG strelice — border ::before u flex gumbu na užem desktopu ostaje prazan krug.
 * Isti pristup kao mobilni ≤979px blok ispod.
 */
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-prev,
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized button.slick-prev {
  background-color: rgba(212, 223, 196, 0.58) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a3a22' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 7l-5 5 5 5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 14px 14px !important;
}
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-next,
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized button.slick-next {
  background-color: rgba(212, 223, 196, 0.58) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a3a22' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7l5 5-5 5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 14px 14px !important;
}
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-prev:hover,
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized button.slick-prev:hover,
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-next:hover,
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized button.slick-next:hover {
  background-color: rgba(212, 223, 196, 0.88) !important;
}
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-prev::before,
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-prev:before,
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-next::before,
#mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-next:before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  background: none !important;
}
#mj-container #mj-featured1 .horizontalslide.slick-initialized .slick-arrow,
#mj-container #mj-featured1 .horizontalslide.slick-initialized button.slick-arrow {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 90 !important;
}
.horizontalslide .slick-prev::before,
#mj-container .horizontalslide .slick-prev::before {
  content: '' !important;
  display: block !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  margin: 0 2px 0 0 !important;
  box-sizing: border-box !important;
  border-left: 3px solid var(--mo-sage-dark) !important;
  border-bottom: 3px solid var(--mo-sage-dark) !important;
  border-top: none !important;
  border-right: none !important;
  transform: rotate(45deg) !important;
}
.horizontalslide .slick-next::before,
#mj-container .horizontalslide .slick-next::before {
  content: '' !important;
  display: block !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  margin: 0 0 0 2px !important;
  box-sizing: border-box !important;
  border-right: 3px solid var(--mo-sage-dark) !important;
  border-bottom: 3px solid var(--mo-sage-dark) !important;
  border-top: none !important;
  border-left: none !important;
  transform: rotate(-45deg) !important;
}
.horizontalslide .slick-arrow:hover,
.horizontalslide button.slick-arrow:hover {
  background: rgba(212, 223, 196, 0.88) !important;
  background-color: rgba(212, 223, 196, 0.88) !important;
  box-shadow: 0 2px 8px rgba(44, 58, 32, 0.1) !important;
}
.horizontalslide .slick-prev:hover::before,
.horizontalslide .slick-next:hover::before,
#mj-container .horizontalslide .slick-prev:hover::before,
#mj-container .horizontalslide .slick-next:hover::before {
  border-left-color: var(--mo-olive) !important;
  border-right-color: var(--mo-olive) !important;
  border-bottom-color: var(--mo-olive) !important;
}

/* slick-theme CDN koristi :before (jedna dvotočka) — dupliciram iste kutevi */
.horizontalslide .slick-prev:before,
#mj-container .horizontalslide .slick-prev:before {
  content: '' !important;
  display: block !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  margin: 0 2px 0 0 !important;
  box-sizing: border-box !important;
  border-left: 3px solid var(--mo-sage-dark) !important;
  border-bottom: 3px solid var(--mo-sage-dark) !important;
  border-top: none !important;
  border-right: none !important;
  transform: rotate(45deg) !important;
}
.horizontalslide .slick-next:before,
#mj-container .horizontalslide .slick-next:before {
  content: '' !important;
  display: block !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  margin: 0 0 0 2px !important;
  box-sizing: border-box !important;
  border-right: 3px solid var(--mo-sage-dark) !important;
  border-bottom: 3px solid var(--mo-sage-dark) !important;
  border-top: none !important;
  border-left: none !important;
  transform: rotate(-45deg) !important;
}

/* Gumb varijanta slick — ista pojava */
.horizontalslide button.slick-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
}
.horizontalslide button.slick-arrow:hover {
  border-color: rgba(52, 74, 36, 0.28) !important;
}

/* Bez slick-točaka — ista navigacija kao široki desktop (kartice + strelice) */
.horizontalslide .slick-dots {
  display: none !important;
}

/* Razmak između kartica (≤979px + Slick); na širokom desktopu sve je bez Slick-a — gap u flex bloku ispod */
#mj-container .horizontalslide .slick-slide {
  margin-right: 24px !important;
}

@media screen and (min-width: 980px) {
  /* Desktop: ostale stranice — po potrebi wrap; početnica ispod slidera posebno (ispod). */
  #mj-container .horizontalslide:not(.slick-initialized) {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    gap: 16px 40px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: max(28px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(28px, env(safe-area-inset-right, 0px)) !important;
  }
  /*
   * Kategorijska traka ispod heroa: jedan red, raspoređeno preko cijele širine (desktop).
   */
  #mj-container #mo-spec-nav-bar .horizontalslide:not(.slick-initialized) {
    flex-wrap: nowrap !important;
    justify-content: space-evenly !important;
    align-content: center !important;
    align-items: center !important;
    gap: 0 12px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 12px clamp(20px, 3vw, 48px) !important;
  }
  #mj-container #mo-spec-nav-bar .horizontalslide:not(.slick-initialized) > a {
    flex: 0 1 auto !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }
  /*
   * Uženi desktop: Slick kad linkovi ne stanu — strelice + list (ne rezanje na overflow-x hidden).
   */
  #mj-container #mo-spec-nav-bar:has(.horizontalslide.slick-initialized),
  #mj-container #mj-featured1:has(#mo-spec-nav-bar .horizontalslide.slick-initialized) {
    overflow-x: visible !important;
    overflow-y: visible !important;
  }
  #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized {
    display: block !important;
    overflow: visible !important;
    padding-left: max(8px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
  }
  #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-list {
    overflow: hidden !important;
    padding-left: 44px !important;
    padding-right: 44px !important;
    box-sizing: border-box !important;
  }
  #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-arrow,
  #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized button.slick-arrow {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 12 !important;
  }
  #mj-container #mj-featured1 {
    padding-top: 0 !important;
  }
  #mj-container #mj-featured1 > #mo-spec-nav-bar {
    margin-bottom: 0 !important;
  }
}

/* Kategorijska traka — puna širina ekrana (izvan .mj-subcontainer 92%) */
#mj-container #mo-spec-nav-bar {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  clear: both !important;
}
#mj-container #mo-spec-nav-bar .horizontalslide {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
/* spectype: _submenu u headeru (#mj-featured1) + new_products.php iznad liste — jedna traka */
body.spectype #mj-featured1 > #mo-spec-nav-bar {
  display: none !important;
}
#mj-container #mj-featured1 > .mj-subcontainer {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/*
 * Akcije / promo kategorije (#new-category): legacy td{margin-left:-100px} + link TOP:-10px
 * gura CTA preko donjeg desnog ruba banera — stupac: prvo slika i naslov, ispod gumb.
 */
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents {
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin-bottom: 20px !important;
  padding: 16px 14px 18px !important;
  background: #ffffff !important;
  border: 1px solid var(--mo-line, #e2e8de) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(52, 74, 36, 0.06) !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents table {
  width: 100% !important;
  border-collapse: collapse !important;
  display: block !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents tbody {
  display: block !important;
  width: 100% !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents tr {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
/* Samo retci s dva stupca — min-visina da margin-top:auto na drugom td poravna CTA */
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents tr:has(td + td) {
  min-height: min(68vw, 400px) !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents td {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents td:first-child {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents td + td {
  margin-top: auto !important;
  padding-top: 12px !important;
  padding-bottom: 16px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a {
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
  min-height: min(52vw, 380px) !important;
  gap: 14px !important;
  position: static !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  text-align: left !important;
  color: var(--mo-body-text, #3d4a38) !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-decoration: none !important;
}
/* Gumb / CTA u dnu bloka kad je sadržaj u flex stupcu */
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a .link_button,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a .tdbLink {
  margin-top: auto !important;
  align-self: center !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a button.ui-button,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a a.ui-button {
  margin-top: auto !important;
  align-self: center !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a .btn-bs4,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a a.btn-bs4,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a input[type="submit"],
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a input[type="button"] {
  margin-top: auto !important;
  align-self: center !important;
}
/* CMS tekst (font, tablice, odlomci) unutar linka kategorije */
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a p,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a div:not(.link_button):not(.tdbLink) {
  margin: 0 0 12px 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  color: var(--mo-body-text, #3d4a38) !important;
  text-align: left !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a p:last-child,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a div:not(.link_button):not(.tdbLink):last-child {
  margin-bottom: 0 !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a font {
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a strong,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a b {
  font-weight: 700 !important;
  color: var(--mo-body-text, #2d3a28) !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a h1,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a h2,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a h3 {
  margin: 0 0 10px 0 !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--mo-body-text, #2d3a28) !important;
  text-align: left !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a h1 {
  font-size: 1.2rem !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a h2 {
  font-size: 1.1rem !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a h3 {
  font-size: 1rem !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a ul,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a ol {
  margin: 0 0 12px 0 !important;
  padding-left: 1.25rem !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a li {
  margin-bottom: 6px !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a td {
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  vertical-align: top !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name img {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: min(52vw, 320px) !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 0 16px 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  position: relative !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents td .tdbLink,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents td a.ui-button,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents td button.ui-button,
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents td .link_button a {
  float: none !important;
  display: inline-flex !important;
  margin: 4px auto 0 auto !important;
}
/* Isti legacy TOP:-10px na linku i izvan #new-category (ugniježđene kategorije) */
#mj-container #mj-maincontent #mj-contentarea .categoryListBoxContents .subproduct_name a {
  position: relative !important;
  top: auto !important;
}
/* Vanjski <table> u .contentText (lista podkategorija) — float/td iz akcije.css */
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table {
  width: 100% !important;
  display: block !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table tbody {
  display: block !important;
  width: 100% !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table tr {
  display: block !important;
  width: 100% !important;
  float: none !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table td {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 8px 4px !important;
  box-sizing: border-box !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table td.smallText {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px 12px !important;
  text-align: left !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

/* #new-category — naslov stranice i područje sadržaja (Akcije / ostalo; ne ugniježđeni cPath — vidi body.c-path .mo-category-nested__title) */
#mj-container #mj-maincontent #mj-contentarea #new-category.contentContainer:not(.mo-category-nested) > h1 {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: rgb(12, 92, 9) !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText {
  padding: 0 0 20px 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--mo-body-text, #3d4a38) !important;
}
/* Podkategorije razine 2 (index.php ugniježđeni <td><div style=padding-left>) */
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table td > div {
  padding: 8px 12px 8px 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table td > div a {
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
  color: var(--mo-sage-primary, #5a7238) !important;
  text-decoration: none !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table td > div a:hover,
#mj-container #mj-maincontent #mj-contentarea #new-category .contentText > table td > div a:focus-visible {
  text-decoration: underline !important;
}

/* CMS često stavlja cijeli blok u jednu <table> unutar <a> — zadnji red kao CTA uz dno */
#mj-container #mj-maincontent #mj-contentarea #new-category.contentContainer:not(.mo-category-nested) {
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a > table {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a > table tbody {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 120px !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a > table tr {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a > table tr:last-child {
  margin-top: auto !important;
  padding-top: 10px !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a > table tr:last-child td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  text-align: center !important;
}
#mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name a center {
  display: block !important;
  text-align: left !important;
  margin: 0 0 10px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media screen and (min-width: 981px) {
  #mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents .subproduct_name img {
    max-height: min(36vw, 400px) !important;
  }
}

/* =============================================================================
   Ugniježđene kategorije (index.php?cPath=…, category_depth nested) — kartice + mreža
   ============================================================================= */
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested.contentContainer {
  padding: 1.25rem clamp(0.75rem, 2.5vw, 1.5rem) 2rem !important;
  background: var(--mo-surface) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(52, 74, 36, 0.07) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-category-nested__title {
  margin: 0 0 0.75rem 0 !important;
  padding: 0 0 0.65rem 0 !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 1.5rem !important;
  font-weight: var(--mo-heading-weight) !important;
  line-height: 1.25 !important;
  color: var(--mo-banner-heading) !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-category-nested__body {
  padding: 0 !important;
  display: block !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-category-nested__table {
  width: 100% !important;
  display: block !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-group {
  display: block !important;
  width: 100% !important;
  margin: 0 0 1.25rem 0 !important;
  padding: 0 !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--mo-surface-soft) !important;
  box-sizing: border-box !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-group:last-child {
  margin-bottom: 0 !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary {
  display: block !important;
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents {
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: var(--mo-input-bg) !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name a {
  min-height: 0 !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px 16px !important;
  text-align: left !important;
  padding: 14px 16px !important;
  font-weight: 600 !important;
  font-size: var(--mo-text-base) !important;
  color: var(--mo-banner-heading) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name img,
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name .mo-cat-img {
  max-height: 44px !important;
  max-width: 44px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name a br {
  display: none !important;
}
/* Ikona kategorije — krug s FA ikonom */
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name .mo-cat-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: var(--mo-sage-light, #d4dfc4) !important;
  color: var(--mo-sage-dark, #344a24) !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
  transition: background 0.15s ease !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name a:hover .mo-cat-icon {
  background: var(--mo-sage-medium, #a8bf7a) !important;
  color: #fff !important;
}
/* Naziv kategorije */
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name .mo-cat-label {
  flex: 1 !important;
  min-width: 0 !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested tr.mo-cat-nested-subrow {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  float: none !important;
  padding: 12px 12px 14px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: var(--mo-surface) !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested tr.mo-cat-nested-subrow td.mo-cat-nested-subtd {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-sub {
  margin: 0 !important;
  padding: 0 !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-sub a {
  display: block !important;
  padding: 10px 12px !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 10px !important;
  background: var(--mo-input-bg) !important;
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-sm) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--mo-body-text) !important;
  text-decoration: none !important;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px rgba(52, 74, 36, 0.04) !important;
}
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-sub a:hover,
body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-sub a:focus-visible {
  border-color: var(--mo-sage-medium) !important;
  background: var(--mo-surface) !important;
  color: var(--mo-olive) !important;
  outline: none !important;
}
@media screen and (min-width: 1100px) {
  body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested tr.mo-cat-nested-subrow {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 979px) {
  body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-category-nested__body {
    display: block !important;
    flex-direction: unset !important;
    justify-content: unset !important;
    align-items: unset !important;
  }
  body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-category-nested__title {
    font-size: 1.25rem !important;
  }
  body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested tr.mo-cat-nested-subrow {
    grid-template-columns: 1fr !important;
  }
  body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name a {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  body.c-path #mj-container #mj-maincontent #mj-contentarea #new-category.mo-category-nested .mo-cat-nested-primary .categoryListBoxContents .subproduct_name img {
    max-height: 88px !important;
  }
}

/* spectype=akcije — tri kartice u užem središnom stupcu (između bočnih layouta) */
body.akcije.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
@media screen and (max-width: 768px) {
  body.akcije.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* index.php?spectype=akcije — .extra-photos je u normalnom tijeku; blagi razmak prije retka s gumbom */
body.akcije.spectype #mj-container #mj-contentarea .centerBoxContentsNew .imagename {
  padding-bottom: 12px !important;
}
body.akcije.spectype #mj-container #mj-contentarea .centerBoxContentsNew .mj-card-actions-row {
  margin-top: 12px !important;
  clear: both !important;
}

/*
 * Akcije — lista brandova u .special-offers-title: mj-template.css postavlja <p> na float:left + width:calc(50% - 20px),
 * što na užem prikazu lomi tekst po slovima. Jedan stupac, puna širina, čitljivija tipografija.
 */
#mj-container #mj-contentarea .special-offers-title,
#mj-container #mj-contentarea .special-offers-title.special-now {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container #mj-contentarea .special-offers-title h1 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 12px 8px 12px !important;
  margin: 0 0 8px 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--mo-body-text, #2d3a28) !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
#mj-container #mj-contentarea .special-offers-title h1 span:first-child {
  color: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
}
#mj-container #mj-contentarea .special-offers-title p {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: var(--mo-body-text, #3d4a38) !important;
  text-align: left !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}
#mj-container #mj-contentarea .special-offers-title p a {
  color: var(--mo-sage-primary, #5a7238) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}
#mj-container #mj-contentarea .special-offers-title p a:hover,
#mj-container #mj-contentarea .special-offers-title p a:focus-visible {
  text-decoration: underline !important;
}
#mj-container #mj-contentarea .special-offers-title strong {
  float: none !important;
  display: inline !important;
  margin: 0 6px 0 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--mo-sage-medium, #6b8f4e) !important;
  vertical-align: baseline !important;
}

/* spectype=akcije — sve akcije odjednom, mreža kartica (bez „Prikaži više” i sort selecta) */
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title.special-now {
  background: var(--mo-surface) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 14px !important;
  padding: 16px clamp(10px, 2vw, 18px) 22px !important;
  margin-bottom: 1rem !important;
  box-shadow: 0 1px 3px rgba(52, 74, 36, 0.07) !important;
}
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title.special-now h1 {
  font-family: var(--mo-font-sans) !important;
  font-size: 1.35rem !important;
  font-weight: var(--mo-heading-weight) !important;
  color: var(--mo-banner-heading) !important;
  padding-bottom: 10px !important;
  margin-bottom: 4px !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid {
  display: grid !important;
  /* Jedan stupac na uskim ekranima; dva stupca samo na desktopu (ispod) */
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid > p {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid u {
  text-decoration: none !important;
}
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid a.mo-akcije-promo-link,
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid p a {
  display: block !important;
  padding: 12px 14px !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 10px !important;
  background: var(--mo-input-bg) !important;
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-sm) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--mo-body-text) !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(52, 74, 36, 0.05) !important;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
  box-sizing: border-box !important;
  min-height: 3.25rem !important;
}
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid a.mo-akcije-promo-link:hover,
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid a.mo-akcije-promo-link:focus-visible,
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid p a:hover,
body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid p a:focus-visible {
  border-color: var(--mo-sage-medium) !important;
  background: var(--mo-surface) !important;
  color: var(--mo-olive) !important;
  box-shadow: 0 2px 8px rgba(52, 74, 36, 0.08) !important;
  outline: none !important;
  text-decoration: none !important;
}
/* Samo desktop: dva stupca (ispod 992px ostaje jedan stupac) */
@media screen and (min-width: 992px) {
  body.akcije.spectype #mj-container #mj-contentarea .special-offers-title .mo-akcije-promo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
  }
}

body.akcije.spectype #mj-container #mj-contentarea .mo-akcije-brands-page > .mo-listing-title {
  margin-bottom: 12px !important;
}
body.akcije.spectype #mj-container #mj-contentarea .mo-akcije-brands-section-title {
  font-family: var(--mo-font-sans) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--mo-sage-dark) !important;
  margin: 18px 0 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
body.akcije.spectype #mj-container #mj-contentarea .mo-akcije-brands-section-title--future {
  margin-top: 22px !important;
}
body.akcije.spectype #mj-container #mj-contentarea .mo-akcije-future-list {
  font-size: var(--mo-text-sm) !important;
  line-height: 1.55 !important;
  color: var(--mo-card-category) !important;
  margin: 0 !important;
}

/* PROMO BAR — registracija / vjernost: bijela kartica (override seopage .mj-full p #F1F4E8) */
#mj-featured1 .mj-full {
  background: linear-gradient(180deg, #fbfcf9 0%, #ffffff 55%, #f7faf4 100%) !important;
  text-align: center !important;
  padding: 3px 0 4px 0 !important;
  margin: 0 0 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
  float: none !important;
  border: 1px solid rgba(107, 143, 78, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(52, 74, 36, 0.07), 0 0 0 1px rgba(255, 255, 255, 0.85) inset !important;
}
/* Novi loyalty teaser bar — pill CTA + tekst u jednom retku */
#mj-featured1 .mj-full .mj-loyalty-teaser-bar {
  display: flex !important;
  align-items: stretch !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 0.5px solid #c8d8c0 !important;
  max-width: 680px !important;
  margin: 0 auto 0 !important;
  font-family: var(--mo-font-sans) !important;
  -webkit-font-smoothing: antialiased !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__cta {
  background: #5a7a4a !important;
  padding: 11px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.18s ease !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__cta:hover,
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__cta:focus-visible {
  background: #4a6a3c !important;
  text-decoration: none !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__cta span {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #fff !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__cta svg {
  flex-shrink: 0 !important;
  width: 15px !important;
  height: 15px !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__divider {
  width: 1px !important;
  background: rgba(255,255,255,0.2) !important;
  flex-shrink: 0 !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__text {
  flex: 1 !important;
  min-width: 0 !important;
  padding: 11px 16px !important;
  background: #f4f7f2 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  font-size: 14px !important;
  color: #666666 !important;
  line-height: 1.36 !important;
  -webkit-text-fill-color: #666666 !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__inner {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  width: 100% !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__text a {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__link {
  color: #4a7a3a !important;
  -webkit-text-fill-color: #4a7a3a !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: 2px solid #4a7a3a !important;
  padding-bottom: 1px !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__link:hover {
  color: #2e5224 !important;
  -webkit-text-fill-color: #2e5224 !important;
  border-bottom-color: #2e5224 !important;
}
#mj-featured1 .mj-full .mj-loyalty-teaser-bar__text strong {
  color: inherit !important;
  font-weight: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* Najprodavanije u #mj-featured1 (PHP iz header.php), ispod kartice dostave — izvan tab panela #view1 */
#mj-featured1 > .mj-subcontainer > section.mo-home-bs {
  display: block !important;
  visibility: visible !important;
  max-width: 56rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 14px !important;
  margin-bottom: 12px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

/* Početna — jedna kartica: red 1 = dostava, red 2 = telefon */
#mj-featured1 .mo-home-info-duo.mo-home-info-unified-wrap {
  max-width: 56rem !important;
  margin: 0 auto !important;
  padding: 4px 10px 14px !important;
  box-sizing: border-box !important;
}
#mj-featured1 .mo-home-info-unified-card.mo-home-info-card {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(52, 62, 44, 0.12) !important;
  background: #f9faf8 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.88) inset,
    0 2px 14px rgba(24, 35, 20, 0.055),
    0 8px 28px rgba(24, 35, 20, 0.045) !important;
  overflow: hidden !important;
}
#mj-featured1 .mo-home-unified-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}
#mj-featured1 .mo-home-unified-phone {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 12px 18px 16px !important;
  box-sizing: border-box !important;
  font-family: var(--mo-font-sans) !important;
  -webkit-font-smoothing: antialiased !important;
  min-width: 0 !important;
}
#mj-featured1 .mo-home-unified-phone-copy {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0 !important;
  min-width: 0 !important;
}
#mj-featured1 .mo-home-unified-phone-hours {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.015em !important;
  color: #5a6254 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}
#mj-featured1 .mo-home-unified-phone-hours::after {
  content: '\00a0·\00a0' !important;
  font-weight: 400 !important;
  color: #a8b2a8 !important;
}
#mj-featured1 .mo-home-unified-phone-link {
  font-size: 15px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.02em !important;
  color: #4a663d !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}
#mj-featured1 .mo-home-unified-phone-link:hover,
#mj-featured1 .mo-home-unified-phone-link:focus-visible {
  color: var(--mo-olive-hover, #5c7a45) !important;
  text-decoration: underline !important;
  outline: none !important;
}
#mj-featured1 .mo-home-unified-rule {
  width: auto !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: 0 18px !important;
  align-self: stretch !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(52, 62, 44, 0.07) 14%,
    rgba(52, 62, 44, 0.15) 50%,
    rgba(52, 62, 44, 0.07) 86%,
    transparent 100%
  ) !important;
}

#mj-featured1 #free-delivery.mo-home-unified-delivery {
  background:
    linear-gradient(180deg, rgba(107, 143, 78, 0.07) 0%, rgba(249, 250, 248, 0.35) 55%, transparent 100%),
    radial-gradient(120% 80% at 12% -10%, rgba(107, 143, 78, 0.09) 0%, transparent 72%) !important;
  border: none !important;
  margin: 0 !important;
  display: block !important;
  padding: 18px 18px 12px !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  font-family: var(--mo-font-sans) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.01em !important;
  color: var(--mo-body-text) !important;
  -webkit-font-smoothing: antialiased !important;
  min-width: 0 !important;
}

#mj-featured1 .mo-home-info-icon-well {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
  background: linear-gradient(165deg, #86a06f 0%, #72965e 48%, #62804f 100%) !important;
  border: 1px solid rgba(52, 72, 42, 0.32) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35) inset,
    0 2px 8px rgba(42, 58, 34, 0.15) !important;
  box-sizing: border-box !important;
  color: #f0f4ea !important;
  font-size: 11px !important;
}

#mj-featured1 #free-delivery .mo-home-unified-delivery-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 13px !important;
  min-width: 0 !important;
}

#mj-featured1 #free-delivery .fd-head {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#mj-featured1 #free-delivery .fd-head-icon {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 11px !important;
  background: rgba(107, 143, 78, 0.11) !important;
  border: 1px solid rgba(94, 124, 74, 0.2) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset !important;
  box-sizing: border-box !important;
  color: #4f6e3f !important;
}

#mj-featured1 #free-delivery .fd-head-icon .free-delivery-icon {
  width: 21px !important;
  height: 21px !important;
  margin: 0 !important;
  color: inherit !important;
  stroke: currentColor !important;
}

#mj-featured1 #free-delivery .fd-lead {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  text-align: left !important;
  justify-self: start !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.008em !important;
  text-transform: none !important;
  color: #2a3328 !important;
  line-height: 1.35 !important;
}

#mj-featured1 #free-delivery .fd-rows {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  border-top: 1px solid rgba(52, 62, 44, 0.08) !important;
}

#mj-featured1 #free-delivery .fd-row {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 13px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-sizing: border-box !important;
}

#mj-featured1 #free-delivery .fd-row-copy {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
  color: #2a3328 !important;
}

#mj-featured1 #free-delivery .fd-copy-lead {
  font-weight: 600 !important;
  font-style: normal !important;
  color: #252e23 !important;
  letter-spacing: 0 !important;
}

#mj-featured1 #free-delivery .fd-muted {
  font-weight: 500 !important;
  color: #55605a !important;
  white-space: normal !important;
}

#mj-featured1 #free-delivery .fd-tag {
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
  justify-self: start !important;
  width: auto !important;
  max-width: 100% !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  color: var(--mo-olive, #6b8f4e) !important;
  text-decoration: none !important;
  border: none !important;
}
#mj-featured1 #free-delivery .fd-tag strong {
  font-weight: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

@media screen and (max-width: 719px) {
  #mj-featured1 .mo-home-unified-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
  }
  #mj-featured1 .mo-home-unified-rule {
    margin: 0 12px !important;
  }
  #mj-featured1 #free-delivery.mo-home-unified-delivery {
    padding: 14px 12px 10px !important;
  }
  #mj-featured1 .mo-home-unified-phone {
    padding: 10px 12px 14px !important;
    gap: 8px !important;
  }
  #mj-featured1 .mo-home-info-icon-well {
    width: 26px !important;
    height: 26px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
  }
  #mj-featured1 .mo-home-unified-phone-hours {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  #mj-featured1 .mo-home-unified-phone-link {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  #mj-featured1 #free-delivery .fd-head {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 7px !important;
  }
  #mj-featured1 #free-delivery .fd-head-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
  }
  #mj-featured1 #free-delivery .fd-head-icon .free-delivery-icon {
    width: 18px !important;
    height: 18px !important;
  }
  #mj-featured1 #free-delivery .fd-lead {
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }
  #mj-featured1 #free-delivery .mo-home-unified-delivery-copy {
    gap: 11px !important;
  }
  #mj-featured1 #free-delivery .fd-rows {
    padding: 7px 0 0 !important;
    gap: 7px !important;
  }
  #mj-featured1 #free-delivery .fd-row {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 11px !important;
  }
  #mj-featured1 #free-delivery .fd-row-copy {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  #mj-featured1 #free-delivery .fd-tag {
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    color: var(--mo-olive, #6b8f4e) !important;
  }
  #mj-featured1 #free-delivery .fd-tag strong {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }
}

/* SLIDER */
#mj-slideshow {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--mo-surface-soft) !important;
  line-height: 0 !important;
  /* Nadjačava akcije.css (510px), mk_ik-template (≤500px / 270px) — prazni blok kad aspect hero padne ispod rigidne visine pri sužavanju */
  height: auto !important;
  min-height: 0 !important;
}
#mj-slideshow .flexslider {
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: var(--mo-surface-soft) !important;
  padding-bottom: 0 !important;
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
}
/*
 * Flexslider fade + „touch browser” (ontouchstart u window): svaki slajd display:block + opacity 0/1 —
 * djeca (<a>,<img>) inače i dalje dobivaju pointer-events:auto pa „Otvori sliku” pogađa zadnji slajd u DOM-u.
 */
#mj-slideshow .flexslider .slides > li:not(.flex-active-slide),
#mj-slideshow .flexslider .slides > li:not(.flex-active-slide) * {
  pointer-events: none !important;
  visibility: hidden !important;
  z-index: 0 !important;
}
#mj-slideshow .flexslider .slides > li.flex-active-slide {
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: 1 !important;
}
#mj-slideshow .flexslider .slides > li.flex-active-slide * {
  pointer-events: auto !important;
  visibility: visible !important;
}
#mj-slideshow .slides li { margin-bottom: 0 !important; line-height: 0 !important; background: var(--mo-surface-soft) !important; }
#mj-slideshow img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}
/* Hero slajd: fluid visina s omjerom 1920×500; img puni kutiju (bez bijelih traka kad se sužava desktop) */
#mj-slideshow .slide_img.mj-slide-hero,
#mj-slideshow .slide_img {
  position: relative !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: var(--mo-page-bg) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1920 / 500 !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
#mj-slideshow .slide_img > a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}
/* Par desktop+mobilni baner: dva punopodna omotača (bez <picture> zbog kontekstnog izbornika preglednika) */
#mj-slideshow .slide_img > a .mj-slide-ph {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

@media screen and (min-width: 980px) {
  #mj-slideshow .slide_img.mj-slide-hero--mob > a .mj-slide-ph--mob {
    display: none !important;
  }
}

@media screen and (max-width: 979px) {
  #mj-slideshow .slide_img.mj-slide-hero--mob > a .mj-slide-ph--desk {
    display: none !important;
  }
}
#mj-slideshow .slide_img img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}
/* Bez paging točaka — samo fade/slideshow + prev/next nad slikom */
#mj-slideshow .flex-control-nav {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
}

#mj-slideshow .flex-direction-nav {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  /*
   * Mora pokriti cijelu visinu flexslidera (ul inače ima visinu ~0 kod apsolutnih <a>) + iznad slick/viewport sloja,
   * inače seopage/media pravila ili stacking mogu sakriti strelice (#mj-slider).
   */
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 48px !important;
  pointer-events: none !important;
  z-index: 200 !important;
}
#mj-slideshow .flex-direction-nav li {
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Prev/next uvijek vidljivi (flexslider.css default: opacity:0 dok nema hover nad cijelim sliderom) */
#mj-slideshow .flexslider .flex-direction-nav a {
  opacity: 1 !important;
}

/* Poništi seopage-style/media .flex-direction-nav .flex-prev,.flex-next { display:none } + osiguraj klikabilnost */
#mj-slideshow .flex-direction-nav .flex-prev,
#mj-slideshow .flex-direction-nav .flex-next {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Glavni hero (.flexslider): kapsula + tamnozelene strelice kao .horizontalslide (mj-slideshow). */
#mj-slideshow .flex-direction-nav a {
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  background: rgba(255, 251, 244, 0.96) !important;
  backdrop-filter: blur(6px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(130%) !important;
  background-image: none !important;
  border: 1px solid rgba(52, 74, 36, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 12px rgba(44, 58, 32, 0.12), 0 1px 0 rgba(255, 255, 255, 0.85) inset !important;
  text-indent: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  pointer-events: auto !important;
  z-index: 2 !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}
#mj-slideshow .flex-direction-nav a:hover,
#mj-slideshow .flex-direction-nav a:focus-visible {
  background: rgba(255, 253, 250, 0.99) !important;
  border-color: rgba(61, 86, 48, 0.32) !important;
  box-shadow: 0 4px 18px rgba(44, 58, 32, 0.18) !important;
}
#mj-slideshow .flex-direction-nav .flex-prev:hover::before,
#mj-slideshow .flex-direction-nav .flex-next:hover::before,
#mj-slideshow .flex-direction-nav .flex-prev:focus-visible::before,
#mj-slideshow .flex-direction-nav .flex-next:focus-visible::before {
  border-left-color: var(--mo-olive) !important;
  border-right-color: var(--mo-olive) !important;
  border-bottom-color: var(--mo-olive) !important;
}
#mj-slideshow .flex-direction-nav .flex-disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}
#mj-slideshow .flex-direction-nav .flex-prev {
  left: max(10px, env(safe-area-inset-left, 0px)) !important;
  right: auto !important;
}
#mj-slideshow .flex-direction-nav .flex-next {
  right: max(10px, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
}
#mj-slideshow .flexslider:hover .flex-direction-nav .flex-prev,
#mj-slideshow .flexslider:hover .flex-direction-nav .flex-next,
#mj-slideshow:hover .flex-direction-nav .flex-prev,
#mj-slideshow:hover .flex-direction-nav .flex-next {
  opacity: 1 !important;
}
#mj-slideshow .flex-direction-nav .flex-prev::before {
  content: '' !important;
  display: block !important;
  width: 11px !important;
  height: 11px !important;
  border-left: 3px solid var(--mo-sage-dark) !important;
  border-bottom: 3px solid var(--mo-sage-dark) !important;
  transform: rotate(45deg) !important;
  margin-left: 3px !important;
  box-sizing: border-box !important;
}
#mj-slideshow .flex-direction-nav .flex-next::before {
  content: '' !important;
  display: block !important;
  width: 11px !important;
  height: 11px !important;
  border-right: 3px solid var(--mo-sage-dark) !important;
  border-bottom: 3px solid var(--mo-sage-dark) !important;
  transform: rotate(-45deg) !important;
  margin-right: 3px !important;
  box-sizing: border-box !important;
}

/* PRODUCT CARDS */
.centerBoxContentsNew.centeredContent { background: var(--mo-surface) !important; border: 1px solid var(--mo-line) !important; border-top: 2px solid var(--mo-sage-medium) !important; border-radius: 12px !important; padding: 12px !important; box-shadow: 0 2px 12px rgba(107, 143, 78, 0.08) !important; position: relative !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; }
.centerBoxContentsNew.centeredContent:hover { box-shadow: 0 8px 24px rgba(107, 143, 78, 0.14) !important; transform: translateY(-2px) !important; }
/* Slika proizvoda: bez sive kutije — osim kartičnog okvira .product-card-image-new */
.centerBoxContentsNew .product_image:not(.product-card-image-new),
.product_image:not(.product-card-image-new) {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.centerBoxContentsNew .product_image:not(.product-card-image-new) img,
.product_image:not(.product-card-image-new) img {
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 0 !important;
}
/* Naziv — tamno siva, čitljivije od kategorije (listing / kartica) */
.product_name,
.product_name a,
.product_name.new-card-product-name a,
.new-card-product-name a:not(.btn-cart),
.new-card-product-title-link {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  font-synthesis: none !important;
  color: var(--mo-card-title) !important;
  text-transform: none !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  word-spacing: 0.02em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  transition: color 0.15s ease !important;
}
.centerBoxContentsNew .product_name,
.centerBoxContentsNew .new-card-product-name { text-align: left !important; }
.product_name { text-align: center !important; }
.product_name a:hover,
.product_name.new-card-product-name a:hover,
.new-card-product-name a:not(.btn-cart):hover,
.new-card-product-title-link:hover { color: #344a24 !important; text-decoration: none !important; cursor: pointer !important; }

/* Stranica proizvoda — naslov (h2 proizvođač ima zasebne stilove .mo-product-manufacturer) */
.mj-product_inforight .product_title h3.mj-productdescname {
  font-family: var(--mo-font-sans) !important;
  font-synthesis: none !important;
  color: var(--mo-card-title) !important;
  text-transform: none !important;
  line-height: 1.4 !important;
  letter-spacing: 0.012em !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
.mj-product_inforight h2.mo-product-manufacturer {
  font-family: var(--mo-font-sans) !important;
  font-synthesis: none !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
/* Glavni naziv proizvoda */
.mj-product_inforight .product_title:first-child h3.mj-productdescname,
.mj-product_inforight .product_title h3.mj-productdescname {
  font-family: var(--mo-font-sans) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.mj-product_inforight .product_title:first-child h3.mj-productdescname {
  margin-bottom: 0.35rem !important;
}
/* Proizvođač — manji od naslova, ista boja kao naziv proizvoda (#mj-container h2 ne smije ga „nadjačati”) */
.mj-product_inforight .product_title h2.mj-productdescname.mo-product-manufacturer,
.mj-product_inforight h2.mo-product-manufacturer {
  font-family: var(--mo-font-sans) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.015em !important;
  opacity: 1 !important;
  color: var(--mo-card-title) !important;
}
body.product-page #mj-container .mj-product_inforight h2.mo-product-manufacturer {
  font-size: 0.8125rem !important;
  color: var(--mo-card-title) !important;
}
.mj-product_inforight h2.mo-product-manufacturer a {
  font-size: inherit !important;
  color: var(--mo-card-title) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.mj-product_inforight h2.mo-product-manufacturer a:hover {
  text-decoration: underline !important;
  color: var(--mo-card-title) !important;
  opacity: 0.88 !important;
}
/* Kartica „Opis / model” u traci tabova — malo veći font */
body.product-page .mj-productinfo .horizontalslide a {
  font-size: 13px !important;
  letter-spacing: 0.055em !important;
}
body.product-page .mj-productinfo .horizontalslide a .title {
  font-size: inherit !important;
}
/* Tekst iznad galerije (ako postoji) — manji, na bijeloj podlozi uz #piGal */
body.product-page .mj-productinfo .mj-product-gallery-lead,
body.product-page .mj-product_infoleft .mj-product-gallery-lead {
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
  color: var(--mo-body-text) !important;
  margin-bottom: 0.85rem !important;
}
/* Kategorija na kartici — tanka siva linija odvaja od naslova */
.new-card-product-name > div:not(.new-card-product-name-pill--ponuda-dana),
.product-category-label,
.centerBoxContentsNew .new-card-product-name > div:not(.new-card-product-name-pill--ponuda-dana) {
  font-size: 14px !important;
  color: var(--mo-card-category) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  display: block !important;
  margin: 10px 0 0 0 !important;
  padding: 8px 0 0 0 !important;
  border: none !important;
  border-top: 1px solid var(--mo-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-fill-color: var(--mo-card-category) !important;
}
/* Dermatolozi bedževi — gornji desni kut slike, ispod wishlist srca */
.centerBoxContentsNew .product_image .mj-card-image-badges {
  position: absolute !important;
  top: 42px !important;
  right: 6px !important;
  left: auto !important;
  z-index: 9 !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 4px !important;
  max-width: 50% !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}
/* Country flag — u .mj-card-country-flag-slot ispod naslova/kategorije (ne u actions row) */
.mj-card-country-flag-slot {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin: 8px 0 0 !important;
  padding: 4px 0 0 !important;
  border-top: 1px solid var(--mo-line, #dde8d0) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.mj-card-country-flag-slot .mj-card-country-flag {
  margin: 0 !important;
}
.mj-card-country-flag {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 4px !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Dermatološki plavi bedž pokraj košarice — kružno obrezivanje (PNG često ima pravokutan canvas) */
#mj-container .dermatologist-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}
#mj-container .dermatologist-badge img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border: none !important;
  border-radius: 50% !important;
  background: transparent !important;
  vertical-align: middle !important;
  box-shadow: none !important;
}
.centerBoxContentsNew .product_image .mj-card-image-badges .product-dermatolozi-badge {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  width: 40px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}
.centerBoxContentsNew .product_image .mj-card-image-badges .product-dermatolozi-badge img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
}

/* ── Wishlist srce — unutar slike (negativni top/right režu se kod overflow:hidden na kartici/slici) ── */
svg.wishlistheart {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  width: 24px !important;
  height: 24px !important;
  z-index: 20 !important;
  cursor: pointer !important;
  background: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  transition: opacity 0.2s ease !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
  pointer-events: auto !important;
}
svg.wishlistheart:hover {
  opacity: 0.8 !important;
}
svg.wishlistheart.empty path { fill: #bbb !important; }
svg.wishlistheart.full  path { fill: #5a7a4a !important; }
svg.wishlistheart.full {
  background: transparent !important;
  border: none !important;
}

/* Lista želja (spectype=wishlist): isto poravnanje kao ostale kartice */
body.wishlist svg.wishlistheart {
  top: 8px !important;
  right: 8px !important;
}

/* ── Wishlist srce — JS button ── */
.product-card-image-new {
  width: 100% !important;
  height: 216px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
  position: relative !important;
}
.product-card-image-new img {
  width: auto !important;
  height: 216px !important;
  max-width: 100% !important;
  max-height: 216px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  float: none !important;
  position: relative !important;
  image-rendering: auto !important;
  filter: none !important;
  transition: transform 0.3s ease !important;
}
.product-card-image-new img:hover {
  transform: scale(1.05) !important;
  filter: none !important;
}

@media screen and (max-width: 979px) {
  /* Kvadratni omotač slike — fiksna visina 140px u uskom stupcu izduljivala je karticu */
  #mj-container #mj-contentarea .product-card-image-new {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    max-height: none !important;
  }
  #mj-container #mj-contentarea .product-card-image-new img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    image-rendering: auto !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }
  #mj-container #mj-contentarea .product-card-image-new img:hover {
    transform: none !important;
  }
}
.mo-wishlist-tooltip {
  position: absolute !important;
  bottom: calc(100% + 6px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(50,50,50,0.9) !important;
  color: #fff !important;
  font-size: 10px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.2s !important;
  z-index: 20 !important;
}
.mo-wishlist-tooltip.show { opacity: 1 !important; }

/* CARD ACTIONS ROW - align left */
.mj-card-actions-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: 6px !important;
}
/* Košara + zastava (i promo) kao jedan lijevi blok — cijena ostaje drugi fleks član s margin-left: auto */
.mj-card-actions-leading {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.mj-card-actions-row > .mj-card-price-cell {
  margin-left: auto !important;
}
.mj-card-cart-cell { flex-shrink: 0 !important; }
.mj-card-country-flag { flex-shrink: 0 !important; }
.mj-card-price-cell {
  flex-shrink: 0 !important;
  margin-left: 0 !important;
}
.mj-card-promo-mid-cell { display: none !important; }

/* Red ispod opisa: košarica | zastava | cijena */
.centerBoxContentsNew .mj-card-actions-row,
.centerBoxContentsFeatured .mj-card-actions-row,
.centerBoxContentsSpecials .mj-card-actions-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 6px !important;
  min-width: 0 !important;
}
.centerBoxContentsNew .mj-card-promo-mid-cell,
.centerBoxContentsFeatured .mj-card-promo-mid-cell,
.centerBoxContentsSpecials .mj-card-promo-mid-cell {
  display: none !important;
}
.centerBoxContentsNew .mj-card-promo-between,
.centerBoxContentsFeatured .mj-card-promo-between,
.centerBoxContentsSpecials .mj-card-promo-between {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--mo-discount-badge) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.centerBoxContentsNew .mj-card-cart-cell,
.centerBoxContentsFeatured .mj-card-cart-cell,
.centerBoxContentsSpecials .mj-card-cart-cell {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}
.centerBoxContentsNew .mj-card-cart-only.productbtn,
.centerBoxContentsFeatured .mj-card-cart-only.productbtn,
.centerBoxContentsSpecials .mj-card-cart-only.productbtn {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: left !important;
}
.centerBoxContentsNew .mj-card-price-cell,
.centerBoxContentsFeatured .mj-card-price-cell,
.centerBoxContentsSpecials .mj-card-price-cell {
  flex: 1 1 0% !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  text-align: right !important;
}
.centerBoxContentsNew .mj-card-price-cell .prodprice,
.centerBoxContentsFeatured .mj-card-price-cell .prodprice,
.centerBoxContentsSpecials .mj-card-price-cell .prodprice {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  text-align: right !important;
}

/* Nadjača akcije.css (.propricemain .prodprice, .productbtn float, .mj-productdetailimage a float) — uvijek kad postoji moderni red akcija */
#mj-container .propricemain .mj-card-actions-row > .mj-card-price-cell {
  flex: 1 1 0% !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-inline-start: clamp(10px, 3.2vw, 16px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
#mj-container .propricemain .mj-card-actions-row > .mj-card-price-cell > .prodprice,
#mj-container .propricemain .mj-card-actions-row .mj-card-price-cell .prodprice {
  float: none !important;
  clear: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#mj-container .propricemain .mj-card-actions-row .productbtn,
#mj-container .propricemain .mj-card-actions-row .mj-productdetailimage a {
  float: none !important;
}

.centerBoxContentsNew .mj-card-country-flag,
.centerBoxContentsFeatured .mj-card-country-flag,
.centerBoxContentsSpecials .mj-card-country-flag {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}
.centerBoxContentsNew .mj-card-country-flag > div,
.centerBoxContentsFeatured .mj-card-country-flag > div,
.centerBoxContentsSpecials .mj-card-country-flag > div {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  max-width: none !important;
}
/* Ponuda dana — ista gornja siva crta kao red kategorije; zaliha kao sekundarni red */
.new-card-product-name > div.new-card-product-name-pill--ponuda-dana {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 10px 0 0 0 !important;
  padding: 8px 0 0 0 !important;
  border: none !important;
  border-top: 1px solid var(--mo-line) !important;
  box-sizing: border-box !important;
  -webkit-text-fill-color: inherit !important;
}
.new-card-product-name .mj-ponuda-dana-label {
  color: var(--mo-card-title) !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-fill-color: var(--mo-card-title) !important;
}
.new-card-product-name > div.new-card-product-name-pill--ponuda-dana .mj-ponuda-dana-stock {
  color: var(--mo-card-category) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  -webkit-text-fill-color: var(--mo-card-category) !important;
}
p.text-line-through { color: #bbb !important; text-decoration: line-through !important; font-size: 10px !important; }
.prodprice { text-align: left !important; }
.prodprice font,
.prodprice a,
.prodprice font a { color: var(--mo-card-price) !important; font-weight: 700 !important; font-size: 14px !important; }

/* Ikona košarice na kartici (listing) — uvećana, ista zelena kao discount badge */
.centerBoxContentsNew .mj-productdetailimage a.mj-productdetail-more .fa-shopping-cart,
.centerBoxContentsFeatured .mj-productdetailimage a.mj-productdetail-more .fa-shopping-cart,
.centerBoxContentsSpecials .mj-productdetailimage a.mj-productdetail-more .fa-shopping-cart {
  font-size: 34px !important;
  width: 1em !important;
  line-height: 1 !important;
  color: var(--mo-discount-badge) !important;
  vertical-align: middle !important;
  text-rendering: geometricPrecision !important;
}

/* Cart / add-to-cart (listing & detail) — isti CTA kao ostatak shopa */
.mj-productdetailimage a:not(.mj-productdetail-more),
.btn-cart,
.cart_button input[type=submit],
input[name='btn_add_cart'] {
  background: var(--mo-olive) !important;
  color: var(--mo-cta-text) !important;
  border: none !important;
  border-radius: var(--mo-btn-radius) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
.mj-productdetailimage a:not(.mj-productdetail-more):hover,
.btn-cart:hover,
.cart_button input[type=submit]:hover,
input[name='btn_add_cart']:hover { background: var(--mo-olive-hover) !important; color: var(--mo-cta-text) !important; }

/* Mala košarica na kartici — bez ispune i sjenje; listing: veći dodir */
.mj-productdetailimage a.mj-productdetail-more {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: none !important;
  max-height: none !important;
  padding: 8px !important;
  margin: 0 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.centerBoxContentsNew .mj-productdetailimage a.mj-productdetail-more,
.centerBoxContentsFeatured .mj-productdetailimage a.mj-productdetail-more,
.centerBoxContentsSpecials .mj-productdetailimage a.mj-productdetail-more {
  min-width: 50px !important;
  min-height: 50px !important;
  font-size: 34px !important;
}
.mj-productdetailimage a.mj-productdetail-more:hover,
.mj-productdetailimage a.mj-productdetail-more:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}
.mj-productdetailimage a.mj-productdetail-more:hover .fa-shopping-cart,
.mj-productdetailimage a.mj-productdetail-more:focus-visible .fa-shopping-cart {
  color: var(--mo-olive) !important;
}
.centerBoxContentsNew .mj-productdetailimage a.mj-productdetail-more:hover .fa-shopping-cart,
.centerBoxContentsNew .mj-productdetailimage a.mj-productdetail-more:focus-visible .fa-shopping-cart,
.centerBoxContentsFeatured .mj-productdetailimage a.mj-productdetail-more:hover .fa-shopping-cart,
.centerBoxContentsFeatured .mj-productdetailimage a.mj-productdetail-more:focus-visible .fa-shopping-cart,
.centerBoxContentsSpecials .mj-productdetailimage a.mj-productdetail-more:hover .fa-shopping-cart,
.centerBoxContentsSpecials .mj-productdetailimage a.mj-productdetail-more:focus-visible .fa-shopping-cart {
  color: var(--mo-olive) !important;
}

/* DISCOUNT BADGE — kompaktni pill */
.discount { background: var(--mo-discount-badge) !important; background-color: var(--mo-discount-badge) !important; color: var(--mo-cta-text) !important; border: none !important; box-shadow: 0 1px 2px rgba(52, 74, 36, 0.15) !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 700 !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 3px 8px !important; text-align: center !important; line-height: 1.3 !important; position: absolute !important; top: 8px !important; left: 8px !important; z-index: 10 !important; flex-shrink: 0 !important; white-space: nowrap !important; }

/* DISCOUNT BADGE — desktop uvećanje */
@media (min-width: 980px) {
  .discount,
  .centerBoxContentsNew .product_image .discount,
  .product_image .discount {
    font-size: 14px !important;
    padding: 3px 9px !important;
    top: 10px !important;
    left: 10px !important;
  }
}

/* ROK / promo natpis + košarica — ispod cijene, lijevo poravnato, ikona centrirana */
.centerBoxContentsNew .cp-addtocart,
.centerBoxContentsFeatured .cp-addtocart,
.centerBoxContentsSpecials .cp-addtocart {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin-top: 6px !important;
  box-sizing: border-box !important;
}
.centerBoxContentsNew .cp-addtocart .cp-qty:empty,
.centerBoxContentsFeatured .cp-addtocart .cp-qty:empty,
.centerBoxContentsSpecials .cp-addtocart .cp-qty:empty {
  display: none !important;
}
/* Cijeli donji red kad nema promo teksta — uklanja prazan razmak ispod cijene */
/* Sakrij samo ako nema promo retka, nema košarice u ovom bloku (listing je košarica u mj-card-actions-row) */
.centerBoxContentsNew .cp-addtocart:not(:has(.mj-card-promo-line)):not(:has(.mj-productdetail-more.mj-listing-cart-nav)):has(.cp-qty:empty),
.centerBoxContentsFeatured .cp-addtocart:not(:has(.mj-card-promo-line)):not(:has(.mj-productdetail-more.mj-listing-cart-nav)):has(.cp-qty:empty),
.centerBoxContentsSpecials .cp-addtocart:not(:has(.mj-card-promo-line)):not(:has(.mj-productdetail-more.mj-listing-cart-nav)):has(.cp-qty:empty) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  gap: 0 !important;
}
.centerBoxContentsNew .mj-card-promo-line,
.centerBoxContentsFeatured .mj-card-promo-line,
.centerBoxContentsSpecials .mj-card-promo-line {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--mo-olive) !important;
  -webkit-text-fill-color: var(--mo-olive) !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  order: 1 !important;
}
.centerBoxContentsNew .cp-addtocart .productbtn,
.centerBoxContentsFeatured .cp-addtocart .productbtn,
.centerBoxContentsSpecials .cp-addtocart .productbtn {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  order: 2 !important;
}
.centerBoxContentsNew .mj-productdetailimage,
.centerBoxContentsFeatured .mj-productdetailimage,
.centerBoxContentsSpecials .mj-productdetailimage {
  height: auto !important;
  min-height: 44px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Badge iznad slike (flex/grid kartice; slika ne prekriva -%) */
.imagename,
.centerBoxContentsNew .product_image:not(.product-card-image-new) {
  position: relative !important;
  overflow: visible !important;
}
.product_image.product-card-image-new {
  position: relative !important;
  overflow: hidden !important;
}
/* Slika kartice — srce (SVG/gumb): poravnano unutar okvira, bez negativnog offseta (reže ga .imagename overflow:hidden iz bloka kartica) */
.centerBoxContentsNew.centeredContent .imagename > .product_image.product-card-image-new,
.centerBoxContentsFeatured.centeredContent .imagename > .product_image.product-card-image-new,
.centerBoxContentsSpecials.centeredContent .imagename > .product_image.product-card-image-new {
  overflow: visible !important;
}
/* .extra-photos (mj-template) je position:absolute i ide iza .product_image u DOM-u —
   bez stacking reda gornji dio slike ostaje ispod prozirnog sloja i klik ne dolazi do <a>. */
.centerBoxContentsNew .imagename > .product_image {
  z-index: 1 !important;
}
.centerBoxContentsNew .imagename > .extra-photos {
  z-index: 0 !important;
  pointer-events: none !important;
}
.centerBoxContentsNew .imagename > .extra-photos a {
  pointer-events: auto !important;
}

/*
 * Povezani proizvodi (.extra-photos): u mj-template su position:absolute; bottom:0 unutar .imagename,
 * ali u DOM-u ispod .product_image dolaze još .product_name (kategorija) i .product_desc — bottom:0 je
 * dno CIJELOG .imagename, pa minijature prekrivaju kategoriju i „guraju” vizualno glavnu sliku.
 * U kartičnoj mreži drži .extra-photos u normalnom tijeku odmah ispod glavne slike.
 */
#mj-container #mj-contentarea .centerBoxContentsNew .imagename > .extra-photos,
#mj-container #mj-contentarea .centerBoxContentsFeatured .imagename > .extra-photos,
#mj-container #mj-contentarea .centerBoxContentsSpecials .imagename > .extra-photos,
#mj-container #mj-contentarea .centerBoxContentsAlsoPurch .imagename > .extra-photos {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 4px 0 10px 0 !important;
  padding: 0 !important;
  clear: both !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}
#mj-container #mj-contentarea .centerBoxContentsNew .imagename > .extra-photos a,
#mj-container #mj-contentarea .centerBoxContentsFeatured .imagename > .extra-photos a,
#mj-container #mj-contentarea .centerBoxContentsSpecials .imagename > .extra-photos a,
#mj-container #mj-contentarea .centerBoxContentsAlsoPurch .imagename > .extra-photos a {
  float: none !important;
  width: auto !important;
  max-width: 24% !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  position: relative !important;
}
#mj-container #mj-contentarea .centerBoxContentsNew .imagename > .extra-photos img,
#mj-container #mj-contentarea .centerBoxContentsFeatured .imagename > .extra-photos img,
#mj-container #mj-contentarea .centerBoxContentsSpecials .imagename > .extra-photos img,
#mj-container #mj-contentarea .centerBoxContentsAlsoPurch .imagename > .extra-photos img {
  max-height: 44px !important;
  width: auto !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 !important;
}

#mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_image,
#mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent .imagename > .product_image,
#mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent .imagename > .product_image {
  flex: 0 0 auto !important;
}

.centerBoxContentsNew .product_image > a,
.product_image > a {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
}


/* PRODUCT GRID */
.products-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; width: 100% !important; align-items: stretch !important; }
.products-grid tr, .products-grid td { display: contents !important; }
/* Kartice jednake visine u retku: donji red (košarica + cijena + cp-addtocart) uz dno kartice */
#mj-container #mj-contentarea .products-grid > .centerBoxContentsNew.centeredContent,
#mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}
#mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .propricemain {
  margin-top: auto !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .cp-addtocart {
  flex-shrink: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/*
 * Majčinstvo i trudnoća (spectype a-majčinstvo) — kartice: naslov + uvod iznad slike,
 * zaobljeni card, veći padding, vidljivi razmak između teksta i slike.
 * Selektor koristi ASCII alias klasu mo-spec-majcinstvo (dodaje template_top.php).
 */

/* Stranica lista — uvodni tekst iznad „MAJČINSTVO…” (tamno bordo u skladu s tematskim banerima) */
body.mo-spec-majcinstvo #mj-contentarea .mo-majcintro {
  width: 100% !important;
  max-width: 34rem !important;
  margin: 6px auto 22px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.mo-spec-majcinstvo #mj-contentarea .mo-majcintro__inner {
  text-align: center !important;
  padding: 20px 22px 22px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(122, 48, 68, 0.14) !important;
  background: linear-gradient(165deg, rgba(255, 248, 250, 0.98) 0%, #ffffff 55%, rgba(255, 251, 252, 0.96) 100%) !important;
  box-shadow: 0 6px 24px rgba(90, 30, 50, 0.06) !important;
}
body.mo-spec-majcinstvo #mj-contentarea .mo-majcintro__inner::before {
  content: '' !important;
  display: block !important;
  width: 3.5rem !important;
  height: 3px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(122, 48, 68, 0.45), rgba(180, 90, 110, 0.35), rgba(122, 48, 68, 0.2)) !important;
}
body.mo-spec-majcinstvo #mj-contentarea .mo-majcintro__lead {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  font-family: Georgia, 'Times New Roman', ui-serif, serif !important;
  font-size: clamp(1.02rem, 0.92rem + 0.65vw, 1.26rem) !important;
  font-weight: 500 !important;
  line-height: 1.52 !important;
  letter-spacing: 0.02em !important;
  font-style: italic !important;
  color: #5e2434 !important;
  -webkit-text-fill-color: #5e2434 !important;
  hyphens: auto !important;
  overflow-wrap: break-word !important;
}
body.mo-spec-majcinstvo #mj-contentarea .mo-majcintro__note {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--mo-font-sans) !important;
  font-size: clamp(0.84rem, 0.79rem + 0.35vw, 0.95rem) !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
  letter-spacing: 0.03em !important;
  color: rgba(68, 40, 48, 0.85) !important;
  max-width: 30rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (max-width: 600px) {
  body.mo-spec-majcinstvo #mj-contentarea .mo-majcintro {
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }
  body.mo-spec-majcinstvo #mj-contentarea .mo-majcintro__inner {
    padding: 18px 16px !important;
  }
}

/* Kartica — veće zaobljenje, mekša sjena, više unutarnjeg prostora */
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent {
  border-radius: 18px !important;
  border: 1px solid rgba(107, 143, 78, 0.22) !important;
  border-top: 3px solid var(--mo-sage-medium) !important;
  box-shadow: 0 4px 18px rgba(107, 143, 78, 0.13) !important;
  padding: 16px 14px 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

/* Flex stupac u kartici — razmak između svih stavki */
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename {
  gap: 10px !important;
}

/* Naslov (order -2) */
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_name.new-card-product-name {
  order: -2 !important;
  width: 100% !important;
  text-align: left !important;
  padding: 0 2px 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename .new-card-product-title-link {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  overflow: hidden !important;
  font-size: clamp(0.85rem, 0.75rem + 0.5vw, 1rem) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--mo-sage-primary) !important;
  hyphens: auto !important;
  overflow-wrap: break-word !important;
  -webkit-text-fill-color: var(--mo-sage-primary) !important;
}

/* Opis (order -1) — s donjim paddingom koji stvara vizualni razmak prema slici */
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_desc {
  order: -1 !important;
  width: 100% !important;
  text-align: left !important;
  padding: 0 2px 10px !important;
  margin: 0 0 6px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid rgba(107, 143, 78, 0.15) !important;
}
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .product_desc p.mo-card-lede {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
  overflow: hidden !important;
  margin: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
  color: #4d5a46 !important;
}
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .product_desc p.mo-card-lede a {
  font-family: var(--mo-font-sans) !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
  color: #4d5a46 !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Slika (order 0) — s gornjim paddingom koji povećava razmak od teksta/linijice */
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_image {
  order: 0 !important;
  padding-top: 8px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_image img {
  border-radius: 10px !important;
}

body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .extra-photos {
  order: 1 !important;
}
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .new-card-product-name > div:not(.new-card-product-name-pill--ponuda-dana) {
  text-align: left !important;
  border-top: none !important;
  margin-top: 6px !important;
  padding-top: 0 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: var(--mo-card-category) !important;
}

/* Grid na mobilnom — jedna kolona za ovaj spectype */
@media screen and (max-width: 979px) {
  body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent {
    padding: 18px 16px 14px !important;
    border-radius: 16px !important;
  }
  body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_desc {
    padding-bottom: 12px !important;
    margin-bottom: 8px !important;
  }
  body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_image {
    padding-top: 10px !important;
  }
}

/* Povezani / zadnji pregledani proizvodi (product_info): slika ne prelazi sivu liniju ispod fotke */
body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename {
  gap: 0 !important;
}
body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image {
  height: auto !important;
  max-height: 140px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 4px 6px 14px 6px !important;
  margin: 0 0 2px 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}
body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-height: 118px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image img {
  max-height: 112px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  vertical-align: bottom !important;
}
body.product-page .single-page-related-product-card .centerBoxContentsNew .product_name.new-card-product-name {
  margin-top: 6px !important;
  padding-top: 2px !important;
}

/* Naslov linka vidi blok „Povezani / zadnji pregledani“ pri dnu modern-override.css (jedan izvor, bez -webkit-line-clamp — Firefox) */
body.product-page .single-page-related-product-card .centerBoxContentsNew .single-page-card-product-title {
  font-size: 11px !important;
  margin-top: 8px !important;
  padding-top: 10px !important;
}
body.product-page .single-page-related-product-card .prodprice a,
body.product-page .single-page-related-product-card .prodprice font a {
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
}
/* Povezani / zadnji pregledani: isti mj-card-actions-row kao listing — košara | promo | zastava | cijena u jednom retku */
body.product-page .single-page-related-product-card .mj-card-actions-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 4px !important;
}
body.product-page .single-page-related-product-card .mj-card-actions-row .mj-card-cart-cell .productbtn {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: auto !important;
  justify-content: flex-start !important;
}
body.product-page .single-page-related-product-card .mj-card-actions-row .mj-card-country-flag {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}
body.product-page .single-page-related-product-card .mj-card-actions-row .mj-productdetailimage {
  width: auto !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Desktop: kompaktna okvirana košarica (ne puna širina kartice) — .mj-productdetailimage ima globalno width:100% */
@media screen and (min-width: 980px) {
  #mj-container .centerBoxContentsNew .propricemain > .productbtn .mj-productdetailimage,
  #mj-container .centerBoxContentsNew .propricemain .cp-addtocart .productbtn .mj-productdetailimage,
  #mj-container .centerBoxContentsNew .propricemain .mj-card-actions-row .mj-card-cart-cell .productbtn .mj-productdetailimage {
    width: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.product-page .single-page-related-product-card .mj-card-actions-row {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    align-items: center !important;
  }
  body.product-page .single-page-related-product-card .mj-card-actions-row .mj-card-cart-cell .productbtn {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    width: auto !important;
    max-width: none !important;
    justify-content: flex-start !important;
  }
  body.product-page .single-page-related-product-card .mj-card-actions-row .mj-productdetailimage {
    width: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
  }

  /* Povezani proizvodi — desktop: veća zona slike; bez fiksne/flex visine koja s akcije.css height:100% izdužuje sliku */
  body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image {
    max-height: 220px !important;
    min-height: 0 !important;
    padding: 8px 10px 16px 10px !important;
    flex: 0 0 auto !important;
    align-items: center !important;
  }
  body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-height: 200px !important;
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }
  body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image img {
    display: block !important;
    max-height: 188px !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* Povezani / zadnji pregledani: akcije.css / mj-template koriste float na .prodprice i .productbtn — to izbacuje sadržaj iz normalnog flex toka pa se košara „spusti” ispod ROK-a i cijene */
body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row .mj-card-price-cell .prodprice {
  float: none !important;
  clear: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row .mj-card-cart-cell .productbtn.mj-card-cart-only,
body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row .mj-card-cart-cell .productbtn {
  float: none !important;
  clear: none !important;
}
body.product-page #mj-container .single-page-related-product-card .mj-card-actions-row .mj-card-cart-cell .mj-productdetailimage {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
}

/* SIDEBAR LEFT */
#mj-left .infoBoxContainer { background: #ffffff !important; border: 1px solid var(--mo-line) !important; border-radius: 8px !important; overflow: hidden !important; margin-bottom: 10px !important; }
#mj-left .subproduct_name { background: var(--mo-nav-bg) !important; padding: 8px 10px !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; height: auto !important; min-height: 0 !important; border-bottom: 1px solid var(--mo-nav-border) !important; color: var(--mo-nav-ink) !important; letter-spacing: 0.04em !important; }
#mj-left .subproduct_name a { color: var(--mo-nav-ink) !important; font-weight: 700 !important; text-decoration: none !important; }
#mj-left .left-right-side-box-content { padding: 8px 10px !important; font-size: 12px !important; color: var(--mo-body-text) !important; line-height: 1.6 !important; }
#mj-left .ui-widget-content { background: #ffffff !important; padding: 8px 10px !important; }
#mj-left .ui-widget-content a { color: var(--mo-body-text) !important; font-size: 12px !important; text-decoration: none !important; display: block !important; padding: 2px 0 !important; }
#mj-left .ui-widget-content a:hover { color: var(--mo-olive) !important; background: var(--mo-nav-bg-hover) !important; }

/* SIDEBAR RIGHT */
#mj-right .infoBoxContainer { background: #ffffff !important; border: 1px solid var(--mo-line) !important; border-radius: 8px !important; overflow: hidden !important; margin-bottom: 10px !important; }
#mj-right .subproduct_name { background: var(--mo-surface-soft) !important; padding: 8px 10px !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; height: auto !important; min-height: 0 !important; border-bottom: 1px solid var(--mo-line) !important; color: var(--mo-body-text) !important; }
#mj-right .subproduct_name a { color: var(--mo-body-text) !important; font-weight: 700 !important; text-decoration: none !important; }
#mj-right .left-right-side-box-content { padding: 8px 10px !important; font-size: 12px !important; color: var(--mo-body-text) !important; line-height: 1.6 !important; }
#mj-right .ui-widget-content a { color: var(--mo-body-text) !important; font-size: 12px !important; }
#mj-right .ui-widget-content a:hover { color: var(--mo-olive) !important; background: var(--mo-nav-bg-hover) !important; }

/* Početna — horizontalni blok „Najprodavanije“ (iznad listing zaglavlja) */

/* Manji razmak od kategorijske trake / featured bloka do naslova Najprodavanije */
body.homepage #mj-container #mj-featured1 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.homepage #mj-container #mj-maincontent {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.homepage #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea {
  padding-top: 0 !important;
}
/* Negativni margin samo desktop (≥980) — u modern-override unutar @media min-width 980; ovdje NE smije na mobitel (reže „Najprodavanije”). */

/* Početnica: nevidljiv tab da tabcontent.js ispravno uključi #view1 (vidi komentar u index.php). */
ul.tabs.mo-home-tabctl-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  list-style: none !important;
}
ul.tabs.mo-home-tabctl-hidden li {
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * index.php default listing: tijelo često NIJE .homepage (npr. ?spectype=start → body.start.spectype).
 * Stari selektor body.homepage … #view1 ne vrijedi — tabcontent.js ostavlja display:none i „Najprodavanije” u #view1 nestane na mobitelu.
 */
#mj-container #mj-contentarea > ul.mo-home-tabctl-hidden ~ #tabcontents > #view1.tabcontent {
  display: block !important;
  overflow: visible !important;
}

.mo-home-bs {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 22px;
  padding: 0;
}
.mo-home-bs__head {
  margin-top: 0;
  margin-bottom: 14px;
  padding: 0 2px;
}
.mo-home-bs__title {
  margin: 0;
  font-family: var(--mo-font-sans, 'Inter', system-ui, sans-serif);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--mo-nav-ink, #2a3a22);
  letter-spacing: 0.08em;
  line-height: 1.22;
  text-transform: uppercase;
}
/* Omotač: blagi fade + strelice ‹ › kao signal horizontalnog lista (bez teksta) */
.mo-home-bs__scroller {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
}
.mo-home-bs__scroller::before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 24px;
  width: 22px;
  z-index: 2;
  background: linear-gradient(90deg, rgba(248, 250, 246, 0.98) 0%, rgba(248, 250, 246, 0) 100%);
}
.mo-home-bs__scroller::after {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 24px;
  width: 44px;
  z-index: 2;
  background: linear-gradient(90deg, rgba(248, 250, 246, 0) 0%, rgba(248, 250, 246, 0.92) 55%, rgba(248, 250, 246, 1) 100%);
  border-radius: 0 10px 0 0;
}
.mo-home-bs__chev {
  position: absolute;
  z-index: 4;
  width: 34px;
  height: 34px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78) !important;
  background-color: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(107, 143, 78, 0.32) !important;
  color: var(--mo-olive, #6b8f4e) !important;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1;
  font-family: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  box-shadow:
    0 1px 2px rgba(52, 74, 36, 0.06),
    0 4px 12px rgba(52, 74, 36, 0.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 1;
  transition:
    transform 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    opacity 0.15s ease;
}
.mo-home-bs__chev:focus {
  outline: none;
}
.mo-home-bs__chev:focus-visible {
  outline: 2px solid var(--mo-sage-medium, #8fb06e);
  outline-offset: 2px;
  opacity: 0.95 !important;
}
.mo-home-bs__chev:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.94) !important;
  background-color: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(90, 122, 74, 0.45) !important;
  box-shadow:
    0 2px 6px rgba(52, 74, 36, 0.1),
    0 8px 20px rgba(52, 74, 36, 0.09);
}
.mo-home-bs__chev--prev {
  left: 2px;
}
.mo-home-bs__chev--next {
  right: 8px;
}
.mo-home-bs__viewport {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--mo-sage-medium, #8fb06e) #e8eee0;
  padding-bottom: 8px;
  scroll-padding-inline: 8px;
}
.mo-home-bs__viewport:focus {
  outline: 2px solid var(--mo-sage-medium, #8fb06e);
  outline-offset: 2px;
}
.mo-home-bs__viewport:focus:not(:focus-visible) {
  outline: none;
}
.mo-home-bs__viewport::-webkit-scrollbar {
  height: 6px;
}
.mo-home-bs__viewport::-webkit-scrollbar-track {
  background: #e8eee0;
  border-radius: 6px;
  margin: 0 4px;
}
.mo-home-bs__viewport::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--mo-sage-medium, #9abb7a), var(--mo-olive, #6d8f52));
  border-radius: 6px;
  border: 2px solid #e8eee0;
}
.mo-home-bs__viewport::-webkit-scrollbar-thumb:hover {
  background: var(--mo-olive, #5a7a4a);
}
.mo-home-bs__track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  /* Razmak između kartica: margin (pouzdaniji od flex gap u starijim engineima) */
  gap: 0;
  column-gap: 0;
  padding: 4px 4px 2px;
  padding-right: 30px;
  box-sizing: border-box;
}
.mo-home-bs__track > .mo-home-bs__card + .mo-home-bs__card {
  margin-inline-start: clamp(6px, 0.9vw, 10px) !important;
}
.mo-home-bs__card {
  flex: 0 0 auto;
  width: 180px;
  max-width: 52vw;
  min-width: 150px;
  box-sizing: border-box;
}
.mo-home-bs__link {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  min-height: 0;
  padding: 9px 9px 15px;
  text-decoration: none;
  color: inherit;
  background: linear-gradient(180deg, #f9fcf6 0%, #ffffff 65%);
  border: 1px solid var(--mo-line, #dde8d0);
  border-radius: 12px;
  border-top: 2px solid var(--mo-sage-medium, #8fb06e);
  box-shadow: 0 1px 8px rgba(107, 143, 78, 0.07);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.mo-home-bs__link:hover {
  border-color: var(--mo-sage-medium, #8fb06e);
  box-shadow: 0 2px 14px rgba(107, 143, 78, 0.12);
}
.mo-home-bs__img-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 100px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.mo-home-bs__img-wrap .discount,
.mo-home-bs__discount {
  top: 6px !important;
  left: 6px !important;
  padding: 3px 8px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}
.mo-home-bs__img-wrap img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 108px;
  object-fit: contain;
}
.mo-home-bs__name {
  margin: 0;
  flex: 0 1 auto;
  min-height: 0;
  font-family: var(--mo-font-sans, 'Inter', system-ui, sans-serif);
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.28;
  color: var(--mo-body-text, #3d4a38);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mo-home-bs__price {
  flex: 0 0 auto;
  margin-top: auto;
  padding-top: 5px;
  min-height: 0;
  font-size: 0.815rem;
  font-weight: 600;
  line-height: 1.42;
  color: inherit;
}
.mo-home-bs__price-old {
  display: inline;
  text-decoration: line-through;
  color: #8a9584 !important;
  -webkit-text-fill-color: #8a9584 !important;
  font-weight: 500;
  font-size: 0.75rem;
  margin-right: 6px;
}
.mo-home-bs__price-new {
  display: inline;
  color: var(--mo-olive) !important;
  -webkit-text-fill-color: var(--mo-olive) !important;
  font-weight: 700;
}
.mo-home-bs__price-new font,
.mo-home-bs__price-new a,
.mo-home-bs__price-new span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
}

/* Najprodavanije — široki desktop ≥1280px: mreža kartica u jednom retku (bez karusela) */
@media screen and (min-width: 1280px) {
  /* Puna širina glavne kolone — panel se proteže uz listing (nadjačaj 56rem) */
  #mj-featured1 > .mj-subcontainer > section.mo-home-bs {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.homepage #mj-container #mj-maincontent #mj-contentarea section.mo-home-bs,
  body.spectype #mj-container #mj-maincontent #mj-contentarea section.mo-home-bs {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Naslov je prvi unutar .mo-home-bs__scroller (PHP); centrirano; širina ne sužava mrežu */
  .mo-home-bs__scroller > .mo-home-bs__head {
    text-align: center !important;
    margin: 0 auto 14px !important;
    padding: 0 12px 0 !important;
    max-width: none !important;
  }
  .mo-home-bs__title {
    font-size: 1.28rem;
    display: inline-block !important;
    padding-bottom: 10px !important;
    margin: 0 !important;
    border-bottom: 2px solid rgba(107, 143, 78, 0.28) !important;
    letter-spacing: 0.07em !important;
    text-align: center !important;
  }
  body.homepage #mj-container .mo-home-bs__title {
    font-size: 1.32rem !important;
  }
  .mo-home-bs__viewport {
    overflow-x: visible !important;
    padding-bottom: 2px !important;
  }
  /*
   * Jednak dio širine za svaku karticu (4–8 kom): nema „praznog” 8. stupca kad je proizvoda manje od 8.
   * (grid repeat(8,1fr) ostavlja praznu ćeliju kad je stavki 7.)
   */
  .mo-home-bs__track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    /* Razmak između kartica: margin (pouzdano i kad flex gap ne „drži”) */
    gap: 0 !important;
    column-gap: 0 !important;
    padding: 4px 0 2px !important;
    min-width: 0 !important;
  }
  .mo-home-bs__track > .mo-home-bs__card:not(:last-child) {
    margin-inline-end: 18px !important;
    margin-right: 18px !important;
  }
  #mj-container section.mo-home-bs .mo-home-bs__track > article.mo-home-bs__card:not(:last-child),
  #mj-featured1 section.mo-home-bs .mo-home-bs__track > article.mo-home-bs__card:not(:last-child) {
    margin-inline-end: 18px !important;
    margin-right: 18px !important;
  }
  .mo-home-bs__card {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-self: stretch !important;
    min-height: 0 !important;
  }
  .mo-home-bs__link {
    flex: 1 1 auto !important;
    align-self: stretch !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    gap: 8px !important;
    padding: 10px 9px 13px !important;
    border-radius: 13px !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.85) inset,
      0 1px 6px rgba(52, 74, 36, 0.07) !important;
    transition:
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      transform 0.18s ease !important;
  }
  .mo-home-bs__link:hover {
    transform: translateY(-2px) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.9) inset,
      0 8px 22px rgba(107, 143, 78, 0.16) !important;
  }
  .mo-home-bs__img-wrap {
    min-height: 88px !important;
    border-radius: 9px !important;
    box-shadow: inset 0 0 0 1px rgba(52, 62, 44, 0.06) !important;
  }
  .mo-home-bs__img-wrap img {
    max-height: 104px !important;
  }
  .mo-home-bs__img-wrap .discount,
  .mo-home-bs__discount {
    top: 6px !important;
    left: 6px !important;
    padding: 4px 7px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }
  .mo-home-bs__name {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
  }
  #mj-container .mo-home-bs h3.mo-home-bs__name {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }
  .mo-home-bs__price {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
    padding-top: 4px !important;
  }
  .mo-home-bs__price-old {
    font-size: 0.69rem !important;
  }
  .mo-home-bs__chev {
    display: none !important;
  }
  .mo-home-bs__scroller::before,
  .mo-home-bs__scroller::after {
    display: none !important;
    content: none !important;
  }
  /* „Traka”: više horizontalnog prostora za kartice */
  .mo-home-bs__scroller {
    padding: 18px 16px 16px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    background: linear-gradient(180deg, #f7faf4 0%, #fbfcfa 52%, #ffffff 100%) !important;
    border: 1px solid var(--mo-line, #dde8d0) !important;
    border-radius: 12px !important;
    border-top: 3px solid var(--mo-sage-medium, #8fb06e) !important;
    box-shadow: 0 2px 16px rgba(107, 143, 78, 0.08) !important;
    box-sizing: border-box !important;
  }
}

/* Najprodavanije — uženi desktop 980–1279px: fiksna širina kartica + strelice (ne stiskanje) */
@media screen and (min-width: 980px) and (max-width: 1279px) {
  .mo-home-bs__viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  .mo-home-bs__track {
    width: max-content !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }
  .mo-home-bs__card {
    flex: 0 0 auto !important;
    width: 180px !important;
    min-width: 150px !important;
    max-width: 52vw !important;
  }
  .mo-home-bs__chev {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 5 !important;
  }
  .mo-home-bs__scroller::before,
  .mo-home-bs__scroller::after {
    display: block !important;
    content: '' !important;
  }
  /* Kategorijska traka ispod heroa: Slick + strelice kad ne stane */
  #mj-container #mo-spec-nav-bar .horizontalslide:not(.slick-initialized) {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-arrow,
  #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized button.slick-arrow {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 15 !important;
  }
}

/* Najprodavanije — mobil / tablet (<980px): naslov uvijek cijelim; strelice diskretno (bez „teških” gumba preko kartica) */
@media screen and (max-width: 979px) {
  .mo-home-bs {
    margin-bottom: 18px !important;
    padding-top: 6px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
  .mo-home-bs__head {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
    padding: 8px 12px 4px !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }
  /* h2 + klasa: mora nadjačati #mj-container h2 — veličina između kartičnih naslova (~11px) i globalnog h2 (~22px) */
  .mo-home-bs__title,
  #mj-container h2.mo-home-bs__title,
  #mj-featured1 h2.mo-home-bs__title,
  body.homepage #mj-container h2.mo-home-bs__title,
  body.spectype #mj-container h2.mo-home-bs__title {
    font-size: clamp(12px, 0.55rem + 2.2vw, 14px) !important;
    letter-spacing: 0.075em !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    color: var(--mo-nav-ink, #344030) !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  #mj-featured1 > .mj-subcontainer > section.mo-home-bs {
    padding-left: 6px !important;
    padding-right: 6px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  .mo-home-bs__viewport {
    padding-left: 22px !important;
    padding-right: 22px !important;
    scroll-padding-inline: 22px !important;
    padding-bottom: 6px !important;
    box-sizing: border-box !important;
  }
  .mo-home-bs__track {
    padding-right: 12px !important;
    gap: 0 !important;
    column-gap: 0 !important;
  }
  .mo-home-bs__track > .mo-home-bs__card + .mo-home-bs__card {
    margin-inline-start: clamp(6px, 2.2vw, 12px) !important;
  }
  /* Mobilno: bez mint panela — sama bijela kartica ostaje vizualni okvir */
  .mo-home-bs__scroller {
    padding: 10px 8px 8px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  /* Bez fade rubova na mobilu (desktop ih koristi u drugom MQ) */
  .mo-home-bs__scroller::before,
  .mo-home-bs__scroller::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    background: none !important;
  }

  /* Strelice: kompaktan bijeli krug + jasni tamnozeleni ‹ › (čitljivo na mint pozadini sekcije) */
  .mo-home-bs__chev {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    top: 56% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    border-radius: 999px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(52, 74, 36, 0.14) !important;
    color: var(--mo-nav-ink, #344a24) !important;
    -webkit-text-fill-color: var(--mo-nav-ink, #344a24) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 1) inset,
      0 1px 4px rgba(52, 74, 36, 0.1),
      0 2px 10px rgba(44, 58, 32, 0.06) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .mo-home-bs__chev:hover {
    opacity: 1 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(52, 74, 36, 0.22) !important;
    color: var(--mo-olive, #5a7a42) !important;
    -webkit-text-fill-color: var(--mo-olive, #5a7a42) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 1) inset,
      0 2px 8px rgba(52, 74, 36, 0.12) !important;
  }
  .mo-home-bs__chev:active {
    transform: translateY(-50%) scale(0.96) !important;
  }
  .mo-home-bs__chev--prev {
    left: max(2px, env(safe-area-inset-left, 0px)) !important;
  }
  .mo-home-bs__chev--next {
    right: max(2px, env(safe-area-inset-right, 0px)) !important;
  }

  .mo-home-bs__card {
    width: min(162px, 50vw) !important;
    min-width: 130px !important;
    max-width: none !important;
  }
  .mo-home-bs__link {
    gap: 7px !important;
    padding: 8px 8px 11px !important;
    border-radius: 11px !important;
    box-shadow:
      0 1px 3px rgba(52, 74, 36, 0.055),
      0 8px 20px rgba(52, 74, 36, 0.045) !important;
  }
  .mo-home-bs__img-wrap {
    min-height: 88px !important;
    border-radius: 7px !important;
  }
  .mo-home-bs__img-wrap img {
    max-height: 94px !important;
  }
  .mo-home-bs__img-wrap .discount,
  .mo-home-bs__discount {
    padding: 2px 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
  }
  /* h3 u kartici — nadjača globalni h3 { font-size: 2.618em } iz legacy CSS kad je redoslijed učitavanja nepovoljan */
  .mo-home-bs__name,
  #mj-container .mo-home-bs h3.mo-home-bs__name {
    font-size: 11px !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .mo-home-bs__price {
    font-size: 0.74rem !important;
    padding-top: 3px !important;
    line-height: 1.34 !important;
  }
  .mo-home-bs__price-old {
    font-size: 0.67rem !important;
    margin-right: 4px !important;
  }
}

/* Listing header: naslov + podnaslov (vjernost), sort — .mo-listing-header__inner fleks */
#mo-listing-header.mo-listing-header {
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  border-bottom: none !important;
}
/* Početnica / spectype: jači razmak naslova sekcije (npr. NAJPRODAVANIJE) prema mreži / sljedećem bloku */
body.homepage #mo-listing-header.mo-listing-header,
body.spectype #mo-listing-header.mo-listing-header {
  margin-bottom: 22px !important;
}
#mo-listing-header .mo-listing-header__inner {
  display: flex !important;
  width: 100% !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  padding: 14px 18px !important;
  background: linear-gradient(180deg, #f7faf4 0%, #fff 70%) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  border-top: 3px solid var(--mo-sage-medium) !important;
  box-shadow: 0 2px 14px rgba(107, 143, 78, 0.08) !important;
}
#mo-listing-header h1.mo-listing-title,
#mo-listing-header > .mo-listing-header__inner > h1,
#mo-listing-header .mo-listing-header__inner > h1 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--mo-sage-dark) !important;
  letter-spacing: 0.01em !important;
  line-height: 1.35 !important;
  -webkit-text-fill-color: var(--mo-sage-dark) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}
/* Napredna pretraga: prirodna mješavina velikih/malih slova u naslovu „Rezultati - …” */
body.advanced_search_result #mo-listing-header h1.mo-listing-title,
body.advanced_search_result #mo-listing-header .mo-listing-header__inner > h1.mo-listing-title {
  text-transform: none !important;
}
#mo-listing-header .mo-listing-title-primary {
  display: block !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: var(--mo-nav-ink) !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}
#mo-listing-header .mo-listing-title-secondary {
  display: block !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #5c6b52 !important;
  line-height: 1.3 !important;
  max-width: 36rem !important;
  -webkit-text-fill-color: #5c6b52 !important;
  text-transform: none !important;
}
#mo-listing-header .select_order_type,
#mo-listing-header .mo-listing-sort {
  flex: 0 0 auto !important;
  margin: 0 !important;
  margin-left: auto !important;
}
/* Toolbar: tekst pretrage + sort u istoj grupi uz desnu stranu naslova */
#mo-listing-header .mo-listing-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
  flex: 0 1 auto !important;
  margin-left: auto !important;
  min-width: 0 !important;
  max-width: min(96%, 56rem) !important;
  box-sizing: border-box !important;
}
#mo-listing-header .mo-listing-query-label {
  font-family: var(--mo-font-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--mo-nav-ink) !important;
  line-height: 1.3 !important;
  max-width: min(52vw, 28rem) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
#mo-listing-header .mo-listing-toolbar .select_order_type,
#mo-listing-header .mo-listing-toolbar .mo-listing-sort {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  width: auto !important;
}

/* Desktop: traženi izraz uz lijevi rub gumba za sortiranje (bez „odgurivanja“ udesno flex-end + flex-grow) */
@media screen and (min-width: 980px) {
  #mo-listing-header .mo-listing-toolbar {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    max-width: none !important;
  }
  #mo-listing-header .mo-listing-query-label {
    flex: 0 1 auto !important;
    flex-grow: 0 !important;
  }
  /* Rezultat pretrage: ključna riječ bliže padajućem izborniku (manji razmak od globalnog gap 10px/18px) */
  body.advanced_search_result #mo-listing-header .mo-listing-toolbar,
  body.search.spectype #mo-listing-header .mo-listing-toolbar {
    gap: 4px 6px !important;
    column-gap: 6px !important;
  }
}

#mo-listing-header .select_order_type select,
#mo-listing-header .mo-listing-sort select {
  font-family: var(--mo-font-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #3d4f36 !important;
  background: #fafbf9 !important;
  border: 1px solid rgba(107, 143, 78, 0.35) !important;
  border-radius: 6px !important;
  padding: 7px 32px 7px 10px !important;
  min-width: 164px !important;
  min-height: 38px !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='none' stroke='%232a3a22' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1.2 1.4L7 6.9l5.8-5.5'/%3E%3C/svg%3E") !important;
  background-position: calc(100% - 14px) 50% !important;
  background-size: 14px 8px !important;
  background-repeat: no-repeat !important;
  box-sizing: border-box !important;
}
#mo-listing-header .select_order_type select:focus,
#mo-listing-header .mo-listing-sort select:focus {
  outline: 2px solid var(--mo-sage-medium) !important;
  outline-offset: 1px !important;
  border-color: var(--mo-sage-medium) !important;
}

/* Paginacija ispod listinga — čitljiviji red */
.mj-pagination-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px 12px !important;
  padding: 8px 12px !important;
  margin-bottom: 12px !important;
  background: #f8faf6 !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}
.mj-pagination-row > span:last-child {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--mo-body-text) !important;
}
.mj-pagination-row > span:last-child strong,
.mj-pagination-row > span:last-child b {
  font-weight: 700 !important;
  color: var(--mo-nav-ink) !important;
}
@media screen and (max-width: 979px) {
  /* Ostali shopi ostaju kompaktni */
  body:not(.homepage):not(.spectype) #mo-listing-header.mo-listing-header {
    margin-bottom: 8px !important;
  }
  body.homepage #mo-listing-header.mo-listing-header,
  body.spectype #mo-listing-header.mo-listing-header {
    margin-bottom: 16px !important;
  }
  #mo-listing-header .mo-listing-header__inner {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    border-top-width: 2px !important;
    box-shadow: 0 1px 6px rgba(107, 143, 78, 0.06) !important;
  }
  #mo-listing-header h1.mo-listing-title,
  #mo-listing-header .mo-listing-header__inner > h1 {
    gap: 3px !important;
  }
  #mo-listing-header .mo-listing-title-primary {
    font-size: 1.02rem !important;
    line-height: 1.2 !important;
  }
  #mo-listing-header .mo-listing-title-secondary {
    font-size: 0.8rem !important;
    line-height: 1.25 !important;
  }
  #mo-listing-header .select_order_type,
  #mo-listing-header .mo-listing-sort {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #mo-listing-header .select_order_type select,
  #mo-listing-header .mo-listing-sort select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 36px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    padding: 5px 30px 5px 8px !important;
  }
  #mo-listing-header .mo-listing-toolbar {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  #mo-listing-header .mo-listing-toolbar .select_order_type,
  #mo-listing-header .mo-listing-toolbar .mo-listing-sort {
    width: 100% !important;
    max-width: 100% !important;
  }
  #mo-listing-header .mo-listing-query-label {
    white-space: normal !important;
    max-width: 100% !important;
    text-overflow: unset !important;
    flex: none !important;
    order: -1 !important;
  }
}

/* Sidebar oglasi (mj-whatsnew L/R): bijela kartica s granicom i razmakom */
#mj-left .infoBoxContainer.mj-whatsnew,
#mj-right .infoBoxContainer.mj-whatsnew {
  background: #ffffff !important;
  border: 1px solid var(--mo-line) !important;
  border-top: 2px solid var(--mo-sage-medium) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(107, 143, 78, 0.09) !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
}
/* Naslovni red — zelenkasta traka */
#mj-left .infoBoxContainer.mj-whatsnew .subproduct_name,
#mj-right .infoBoxContainer.mj-whatsnew .subproduct_name {
  background: var(--mo-surface-soft) !important;
  border-bottom: 1px solid var(--mo-line) !important;
  padding: 8px 10px !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--mo-nav-ink) !important;
}
#mj-left .infoBoxContainer.mj-whatsnew .subproduct_name a,
#mj-right .infoBoxContainer.mj-whatsnew .subproduct_name a {
  color: var(--mo-nav-ink) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
/* Opis tekst — razmak od granica i od slike ispod */
#mj-left .infoBoxContainer.mj-whatsnew .left-right-side-box-content,
#mj-right .infoBoxContainer.mj-whatsnew .left-right-side-box-content {
  padding: 10px 10px 6px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: var(--mo-body-text) !important;
}
#mj-left .infoBoxContainer.mj-whatsnew .left-right-side-box-content a,
#mj-right .infoBoxContainer.mj-whatsnew .left-right-side-box-content a {
  color: var(--mo-body-text) !important;
  text-decoration: none !important;
}

/* Sidebar L/R — desktop ≥980px: veći tekst iznad banera (nadjačaj 10px/12px bazu iz modula) */
@media screen and (min-width: 980px) {
  #mj-left .subproduct_name,
  #mj-right .subproduct_name {
    font-size: 12.5px !important;
    padding: 10px 11px !important;
    letter-spacing: 0.045em !important;
    line-height: 1.42 !important;
  }
  #mj-left .left-right-side-box-content,
  #mj-right .left-right-side-box-content {
    font-size: 15px !important;
    line-height: 1.58 !important;
    padding: 10px 11px 11px !important;
  }
  #mj-left .left-right-side-box-content a,
  #mj-right .left-right-side-box-content a {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  #mj-left .infoBoxContainer.mj-whatsnew .subproduct_name,
  #mj-right .infoBoxContainer.mj-whatsnew .subproduct_name {
    font-size: 12.5px !important;
    padding: 10px 11px !important;
    line-height: 1.42 !important;
  }
  #mj-left .infoBoxContainer.mj-whatsnew .left-right-side-box-content,
  #mj-right .infoBoxContainer.mj-whatsnew .left-right-side-box-content {
    font-size: 15px !important;
    line-height: 1.62 !important;
    padding: 11px 11px 9px !important;
  }
}
/* Slika — padding iznad i zaobljeni donji rubovi */
#mj-left .infoBoxContainer.mj-whatsnew > div:last-child,
#mj-right .infoBoxContainer.mj-whatsnew > div:last-child {
  padding: 8px 8px 10px !important;
}
#mj-left .infoBoxContainer.mj-whatsnew img,
#mj-right .infoBoxContainer.mj-whatsnew img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#mj-left .infoBoxContainer.mj-whatsnew .ui-widget-content,
#mj-right .infoBoxContainer.mj-whatsnew .ui-widget-content {
  background: transparent !important;
  padding: 6px 8px !important;
}

/* ============================================================
   FOOTER — full redesign
   ============================================================ */
#mj-footer {
  background: var(--mo-sage-dark) !important;
  color: #fff !important;
  padding: 22px 28px 16px !important;
  border-top: 2px solid var(--mo-sage-medium) !important;
  font-family: var(--mo-font-sans) !important;
}

#mj-footer .footer-container {
  display: grid !important;
  grid-template-columns: 0.7fr 1fr 1fr 1fr !important;
  grid-template-rows: auto !important;
  gap: 24px !important;
  align-items: start !important;
}

/* Latest Products — sakrij u footeru, već je prikazan drugdje */
#mj-footer .footer-container > .moduletable.mj-grid24.mj-dotted:first-child {
  display: none !important;
}

/* DODATNO — kolona 1 */
#mj-footer .footer-container > .moduletable.mj-grid24.mj-dotted {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

/* HALMED — kolona 2 */
#mj-footer .footer-section-one {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

/* NAPLATA — kolona 3 */
#mj-footer .footer-section-two {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

/* KONTAKT — kolona 4 */
#mj-footer .footer-section-three {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

@media (min-width: 769px) {
  #mj-footer .moduletable.mj-grid24.mj-dotted h3 {
    display: none !important;
  }
}

#mj-footer .mj-stayintouch,
#mj-footer [class*="social"] {
  grid-column: 3 !important;
  grid-row: 2 !important;
  margin-top: 16px !important;
}

/* Section wrappers — remove old mj-dotted decorations */
#mj-footer .moduletable {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}
#mj-footer .moduletable.mj-dotted {
  background: none !important;
  border: none !important;
}

/* Section headings */
#mj-footer .footer-headlines,
#mj-footer h3.footer-headlines {
  font-family: var(--mo-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.75) !important;
  margin: 0 0 10px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: none !important;
}

/* Body text */
#mj-footer .footer-text-info,
#mj-footer .address .small,
#mj-footer .custom .small {
  font-family: var(--mo-font-sans) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #fff !important;
  display: block !important;
}

/* HALMED image */
#mj-footer .footer-section-one img {
  max-width: 80px !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 8px !important;
  border-radius: 4px !important;
  opacity: 0.9 !important;
}

/* General links */
#mj-footer a {
  color: #fff !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: color 0.18s !important;
}
#mj-footer a:hover {
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: underline !important;
}

/* Payment icons grid */
#mj-footer .footer-middle-image {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 5px !important;
  align-items: center !important;
  margin-top: 4px !important;
}
#mj-footer .footer-middle-image a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(168, 191, 122, 0.18) !important;
  border-radius: 5px !important;
  padding: 4px 7px !important;
  transition: background 0.18s, border-color 0.18s !important;
  text-decoration: none !important;
}
#mj-footer .footer-middle-image a:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(168, 191, 122, 0.4) !important;
  text-decoration: none !important;
}
#mj-footer .footer-middle-image img {
  max-height: 20px !important;
  width: auto !important;
  max-width: 52px !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.72 !important;
}
#mj-footer .footer-middle-image a:hover img {
  opacity: 1 !important;
}

/* Contact block */
#mj-footer .address {
  margin-bottom: 10px !important;
}
#mj-footer .custom.mj-grid24.mj-dotted {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Social icons */
#mj-footer .follow {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}
#mj-footer .follow a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(168, 191, 122, 0.35) !important;
  color: var(--mo-sage-light) !important;
  font-size: 14px !important;
  transition: background 0.18s, border-color 0.18s, color 0.18s !important;
  text-decoration: none !important;
  background: rgba(255,255,255,0.05) !important;
}
#mj-footer .follow a:hover {
  background: var(--mo-sage-medium) !important;
  border-color: var(--mo-sage-medium) !important;
  color: #fff !important;
  text-decoration: none !important;
}
#mj-footer .follow a i.fa {
  display: inline-block !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  color: inherit !important;
  /* Ostavi veličinu kao u Font Awesome-u (.fa-2x …) — ne forsati inherit koji guši glyph */
}

/* ============================================================
   COPYRIGHT BAR
   ============================================================ */
#mj-copyright {
  background: #1d2e12 !important;
  border-top: 1px solid rgba(168, 191, 122, 0.15) !important;
}
#mj-copyright .mj-subcontainer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 28px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
#mj-copyright p {
  color: #7a9e68 !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 12px !important;
  margin: 0 !important;
}
#mj-copyright a#w2b-StoTop {
  color: #7a9e68 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  transition: color 0.18s !important;
}
#mj-copyright a#w2b-StoTop:hover {
  color: var(--mo-sage-light) !important;
}

#back-to-top,
.back-to-top,
[id*="backtop"],
[class*="backtop"],
a[href="#top"],
#w2b-StoTop {
  display: none !important;
}

/* ============================================================
   FOOTER — responsive
   ============================================================ */
@media screen and (max-width: 979px) {
  #mj-footer {
    padding: 16px 16px 12px !important;
  }
  #mj-footer .footer-container {
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 20px !important;
  }
  #mj-footer .footer-section-three {
    grid-column: 1 / -1 !important;
  }
  #mj-copyright .mj-subcontainer {
    padding: 7px 16px !important;
  }
}

@media screen and (max-width: 560px) {
  #mj-footer {
    padding: 14px 14px 10px !important;
  }
  #mj-footer .footer-container {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  #mj-copyright .mj-subcontainer {
    flex-direction: column !important;
    gap: 4px !important;
    text-align: center !important;
    padding: 8px 14px !important;
  }
  #mj-footer .follow {
    gap: 8px !important;
  }
}

@media screen and (max-width: 768px) {
  /* Smanji padding footera */
  #mj-footer {
    padding: 12px !important;
  }

  #mj-footer .footer-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  #mj-footer .footer-container > div {
    grid-column: unset !important;
    grid-row: unset !important;
    width: 100% !important;
  }

  #mj-footer .moduletable.mj-grid24.mj-dotted h3 {
    display: none !important;
  }

  #mj-footer .footer-bullet {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px 10px !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #mj-footer .footer-bullet li {
    margin: 0 !important;
  }

  #mj-footer .footer-bullet li a {
    font-size: 11px !important;
    white-space: nowrap !important;
    color: rgba(255,255,255,0.7) !important;
  }

  #mj-footer .footer-bullet li a i {
    display: none !important;
  }

  /* Smanji razmake između sekcija */
  #mj-footer h3.footer-headlines {
    margin: 0 0 4px 0 !important;
    padding-bottom: 4px !important;
    font-size: 12px !important;
  }

  /* Smanji razmake između paragrafa */
  #mj-footer p,
  #mj-footer .custom p {
    margin: 2px 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  #mj-footer .mj-stayintouch {
    margin: 8px 0 !important;
    padding: 0 !important;
  }

  /* Smanji razmak između HALMED i KONTAKT sekcije */
  #mj-footer .moduletable,
  #mj-footer .footer-section-one,
  #mj-footer .footer-section-two,
  #mj-footer .footer-section-three {
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }

  #mj-footer .moduletable {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Smanji razmak oko social ikona */
  #mj-footer .follow {
    margin: 8px 0 !important;
  }

  /* Smanji copyright padding */
  #mj-copyright .mj-subcontainer {
    padding: 8px 16px !important;
  }
  #mj-copyright p {
    font-size: 11px !important;
  }
}

/* INPUTS */
input[type=text], input[type=email], input[type=search], input[type=password], select, textarea {
  border: 1.5px solid var(--mo-input-border) !important;
  border-radius: 10px !important;
  padding: 7px 12px !important;
  background: var(--mo-input-bg) !important;
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-base) !important;
}
#mj-header input[type=text] { border: none !important; box-shadow: none !important; border-radius: 0 !important; background: transparent !important; -webkit-appearance: none !important; }
input[type=submit] {
  background: var(--mo-olive) !important;
  color: var(--mo-cta-text) !important;
  border: 1px solid var(--mo-olive-active) !important;
  border-radius: var(--mo-btn-radius) !important;
  font-weight: var(--mo-btn-fw) !important;
  font-size: var(--mo-btn-fs) !important;
  padding: var(--mo-btn-pad-y) 20px !important;
  font-family: var(--mo-font-sans) !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}
input[type=submit]:hover,
input[type=submit]:focus-visible { background: var(--mo-olive-hover) !important; color: var(--mo-cta-text) !important; }

/* PAGINATION — poništava mj-template (float + span width 100%) */
#mj-contentarea .mj-pagination-row,
#productlisting .mj-pagination-row,
.mj-pagination-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  box-sizing: border-box !important;
  margin: 6px 0 !important;
}
#mj-contentarea .mj-pagination-row > span:last-child,
#productlisting .mj-pagination-row > span:last-child,
.mj-pagination-row > span:last-child {
  order: -1 !important;
}
#mj-contentarea .mj-pagination-outer,
#productlisting .mj-pagination-outer,
.pagination_container .mj-pagination-outer,
.mj-pagination-outer {
  float: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: right !important;
}
#mj-contentarea .mj-pagination,
#productlisting .mj-pagination,
.mj-pagination {
  float: none !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  align-content: center !important;
  gap: 0 2px !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
}
#mj-contentarea .mj-pagination span,
#productlisting .mj-pagination span,
.mj-pagination span {
  float: none !important;
  display: inline !important;
  width: auto !important;
}
#mj-contentarea .pagination_container,
#productlisting .pagination_container,
.pagination_container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  box-sizing: border-box !important;
  margin: 8px 0 !important;
}
#mj-contentarea .pagination_container > span:last-child,
#productlisting .pagination_container > span:last-child,
.pagination_container > span:last-child {
  order: -1 !important;
}
.mj-productpagination.mj-pagination-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
}
a.pageResults {
  border: none !important;
  border-radius: 0 !important;
  padding: 2px 7px !important;
  color: var(--mo-body-text) !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  word-break: normal !important;
  overflow: visible !important;
}
a.pageResults:hover,
a.pageResults:focus-visible {
  color: var(--mo-olive) !important;
  background: transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.mj-pagination strong {
  background: transparent !important;
  color: var(--mo-olive) !important;
  border-radius: 0 !important;
  padding: 2px 6px 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  border: none !important;
  box-shadow: inset 0 -2px 0 0 var(--mo-olive) !important;
  min-width: 0 !important;
}
/* Poništava mj-layout.css: prev/next ikone (width 10px, font-size 0) na svim .mj-pagination linkovima */
#mj-contentarea .mj-pagination a.pageResults,
#productlisting .mj-pagination a.pageResults,
.pagination_container .mj-pagination a.pageResults,
.mj-pagination a.pageResults {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  background-image: none !important;
  background-color: transparent !important;
  background-size: auto !important;
  background-position: 0 0 !important;
  padding: 2px 8px !important;
  opacity: 1 !important;
  color: var(--mo-body-text) !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
}
.mj-pagination a.pageResults-nav-prev,
.mj-pagination a.pageResults-nav-next {
  position: relative !important;
  padding: 2px 12px !important;
  min-width: 2em !important;
  font-weight: 700 !important;
  color: var(--mo-banner-heading) !important;
  background: transparent !important;
  border: none !important;
}
/* Prev/next: samo ‹ › (tekst Prethodna/Slijedeća ostaje u HTML-u za pristupačnost / title) */
.mj-pagination a.pageResults-nav-prev u,
.mj-pagination a.pageResults-nav-next u {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  opacity: 0 !important;
  text-decoration: none !important;
  font-size: 0 !important;
}
.mj-pagination a.pageResults-nav-prev::before {
  content: '\2039' !important;
  display: block !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: var(--mo-body-text) !important;
  font-weight: 700 !important;
  text-align: center !important;
}
.mj-pagination a.pageResults-nav-next::before {
  content: '\203A' !important;
  display: block !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: var(--mo-body-text) !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* Pretraga (desktop): nadjačava eventualno pravilo pozadine — #mj-maincontent linkovi bez ispune */
@media screen and (min-width: 980px) {
  body.advanced_search_result #mj-container #mj-maincontent .mj-pagination a.pageResults,
  body.search.spectype #mj-container #mj-maincontent .mj-pagination a.pageResults {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  body.advanced_search_result #mj-container #mj-maincontent .mj-pagination a.pageResults:hover,
  body.advanced_search_result #mj-container #mj-maincontent .mj-pagination a.pageResults:focus-visible,
  body.search.spectype #mj-container #mj-maincontent .mj-pagination a.pageResults:hover,
  body.search.spectype #mj-container #mj-maincontent .mj-pagination a.pageResults:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--mo-olive) !important;
  }
}

.select_order_type {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 4px 0 8px !important;
  flex-wrap: wrap !important;
}
.select_order_type select {
  min-width: 200px !important;
  max-width: 100% !important;
}

/* SEARCH BAR */
#mj-header .search { display: flex !important; border: 1.5px solid var(--mo-input-border) !important; border-radius: 20px !important; overflow: hidden !important; background: var(--mo-input-bg) !important; min-height: 42px !important; align-items: stretch !important; }
#mj-header .search input.go { border: none !important; outline: none !important; background: transparent !important; box-shadow: none !important; padding: 0 16px !important; height: 42px !important; -webkit-appearance: none !important; flex: 1 !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.25 !important; text-align: center !important; color: #344a24 !important; letter-spacing: 0.02em !important; box-sizing: border-box !important; }
#mj-header .search input.go::placeholder { color: #5a6e52 !important; opacity: 1 !important; }
#mj-header #search-button { background: var(--mo-olive) !important; color: var(--mo-cta-text) !important; border: none !important; padding: 0 16px !important; font-weight: 700 !important; cursor: pointer !important; height: 42px !important; font-size: 12px !important; flex-shrink: 0 !important; position: relative !important; top: auto !important; width: auto !important; text-indent: 0 !important; }
#mj-header #search-button span { display: inline !important; color: var(--mo-cta-text) !important; }
.seopage-header-search-message { display: none !important; }

/* PRODUCT PAGE */
body.product-page table.productDetails td { padding: 12px 16px !important; vertical-align: top !important; }
body.product-page td.productDetailImage {
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px !important;
  text-align: center !important;
  box-shadow:
    0 1px 2px rgba(52, 74, 36, 0.06),
    0 10px 28px rgba(52, 74, 36, 0.07) !important;
}
body.product-page td.productDetailImage img { max-width: 100% !important; max-height: 320px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; }
body.product-page td.productDetailInfo { padding: 0 0 0 24px !important; vertical-align: top !important; }
.alsoPurchased h2 { color: var(--mo-body-text) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; border-bottom: 2px solid var(--mo-olive) !important; padding-bottom: 6px !important; margin-bottom: 12px !important; }

/* Tab „OPIS za …” — kompaktno, ista tipografija */
.mj-productinfo .mj_prodinfo_tabcontent ul.tabs li a,
.mj-productinfo .mj_prodinfo_tabcontent ul.tabs li.selected a {
  color: var(--mo-banner-heading) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
  padding: 8px 12px !important;
  background: var(--mo-surface-soft) !important;
  border: 1px solid var(--mo-input-border) !important;
  border-radius: 8px !important;
}
/* Aktivni tab (npr. „OPIS za …”) — bijela podloga, tamni tekst; zelena samo kao naglasak */
.mj-productinfo .mj_prodinfo_tabcontent ul.tabs li.selected a {
  background: #ffffff !important;
  color: var(--mo-banner-heading) !important;
  border-color: var(--mo-line) !important;
  box-shadow: inset 0 -3px 0 0 var(--mo-olive) !important;
  font-weight: 700 !important;
}

/* CART PAGE */
.shopping-cart td { padding: 10px 8px !important; vertical-align: middle !important; border-bottom: 1px solid var(--mo-line) !important; font-size: 13px !important; color: var(--mo-body-text) !important; }
.shopping-cart .tableHeading td { background: var(--mo-page-bg) !important; font-weight: 600 !important; font-size: 11px !important; color: var(--mo-body-text) !important; }
.buttonRow { margin: 16px 0 !important; }
#mj-container .buttonRow.forward input[type='submit'],
#mj-container .buttonRow input[type='submit'] {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  color: var(--mo-cta-text) !important;
  border: none !important;
  font-weight: var(--mo-btn-fw) !important;
  font-size: var(--mo-btn-fs) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  border-radius: var(--mo-btn-radius) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}
#mj-container .buttonRow.forward input[type='submit']:hover,
#mj-container .buttonRow input[type='submit']:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}

/* LOGIN PAGE */
body.flow-login #mj-contentarea .login-page-content,
body.flow-create-account #mj-contentarea .login-page-content {
  font-size: var(--mo-text-base) !important;
  line-height: 1.6 !important;
  color: var(--mo-body-text) !important;
}
body.flow-login .mj-signupcontainer .content h3,
body.flow-login .mj-logincontainer .content h3,
body.flow-create-account .contentContainer h3 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--mo-sage-dark) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 0 0 12px !important;
  margin: 0 0 14px !important;
  border-bottom: 2px solid var(--mo-line) !important;
  line-height: 1.35 !important;
}
body.flow-login .login-page-content p,
body.flow-create-account .login-page-content p {
  font-size: 15px !important;
  line-height: 1.62 !important;
  margin: 0 0 12px !important;
  color: var(--mo-body-text) !important;
}
body.flow-login .login-page-content a:not(.ui-button) {
  color: var(--mo-olive) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.login-page-fineprint {
  font-size: 13px !important;
  color: var(--mo-card-category) !important;
  line-height: 1.55 !important;
  margin: 0 0 14px !important;
}
body.flow-login .mj-logincontainer .login-page-content form > table td.fieldKey {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--mo-sage-dark) !important;
  letter-spacing: 0.02em !important;
}
.mj-logincontainer input:-webkit-autofill,
.mj-logincontainer input:-webkit-autofill:hover,
.mj-logincontainer input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 32px var(--mo-input-bg) inset !important;
  box-shadow: 0 0 0 32px var(--mo-input-bg) inset !important;
}
/* Prijava + registracija: isti CTA kao globalno */
.mj-logincontainer .mj-loginarea button.ui-button.ui-priority-primary,
.mj-signupcontainer .login-page-content a.ui-button.ui-priority-primary,
.login-page-content a.ui-button.ui-priority-primary,
.mj-logincontainer .login-page-content button.ui-button.ui-priority-primary {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  font-size: var(--mo-btn-fs) !important;
  border-radius: var(--mo-btn-radius) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  font-family: inherit !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  text-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
.mj-logincontainer .mj-loginarea button.ui-button.ui-priority-primary:hover,
.mj-logincontainer .mj-loginarea button.ui-button.ui-priority-primary:focus,
.mj-signupcontainer .login-page-content a.ui-button.ui-priority-primary:hover,
.login-page-content a.ui-button.ui-priority-primary:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}
.mj-signupcontainer .login-page-content a.ui-button.ui-priority-primary .ui-button-text,
.login-page-content a.ui-button.ui-priority-primary .ui-button-text {
  color: var(--mo-cta-text) !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}
.mj-loginarea {
  background: #ffffff !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.mj-loginarea .mo-login-submit,
.mj-loginarea button#login-form-submit,
.mj-loginarea .ui-button.ui-priority-primary {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.mj-logincontainer .mj-forgotpassword {
  flex: 1 1 auto !important;
  text-align: right !important;
  margin: 0 !important;
  align-self: center !important;
  float: none !important;
}
.mj-logincontainer .mj-forgotpassword a {
  display: inline-block !important;
  vertical-align: middle !important;
}
/* Jasan redoslijed: oznaka iznad polja (izbjegava zbunjujuće razmake u dvostupčanoj tablici) */
.mj-logincontainer .login-page-content form > table tr {
  display: block !important;
}
.mj-logincontainer .login-page-content form > table td.fieldKey {
  display: block !important;
  width: 100% !important;
  padding: 12px 0 4px 0 !important;
  box-sizing: border-box !important;
}
.mj-logincontainer .login-page-content form > table tr:first-child td.fieldKey {
  padding-top: 0 !important;
}
.mj-logincontainer .login-page-content form > table td.fieldValue {
  display: block !important;
  width: 100% !important;
  padding: 0 0 6px 0 !important;
  box-sizing: border-box !important;
}
/* mj-template / akcije: password je imao float + margin-top → pomak u odnosu na e-mail */
.mj-logincontainer .login-page-content form > table tr:first-child {
  height: auto !important;
  margin-bottom: 0 !important;
}
.mj-logincontainer .login-page-content form > table .fieldValue input[type="text"],
.mj-logincontainer .login-page-content form > table .fieldValue input[type="email"],
.mj-logincontainer .login-page-content form > table .fieldValue input[type="password"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  clear: both !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* Registracija: središnji CTA, ravna sjena, ikona i tekst u jednom redu */
.mj-signupcontainer .login-page-content > br {
  display: none !important;
}
.mj-signupcontainer .login-page-content p.btn-bs4,
.mj-signupcontainer .login-page-content p.btn-bs4-small {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  text-align: center !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  /* p nije gumb: mk_ik / .btn-bs4 inače boja cijeli red (široka zelena traka) */
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
}
.mj-signupcontainer .login-page-content p.btn-bs4 > span,
.mj-signupcontainer .login-page-content p.btn-bs4-small > span {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  justify-content: center !important;
  vertical-align: middle !important;
  background: transparent !important;
}
.mj-signupcontainer .login-page-content p.btn-bs4 a.ui-button.ui-priority-primary,
.mj-signupcontainer .login-page-content p.btn-bs4-small a.ui-button.ui-priority-primary {
  width: auto !important;
  max-width: min(100%, 320px) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  filter: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}
.mj-signupcontainer .content h3,
.mj-signupcontainer .login-page-content p {
  font-family: inherit !important;
}
.mj-loginarea h2 { color: var(--mo-body-text) !important; font-size: 16px !important; margin-bottom: 12px !important; border-bottom: 2px solid var(--mo-olive) !important; padding-bottom: 8px !important; }
.inputLabel { font-size: 12px !important; color: var(--mo-body-text) !important; font-weight: 500 !important; display: block !important; margin-bottom: 4px !important; }

/* Bočna košarica (#box_shopping_cart): slika + akcije.css gasi prvi stupac (nth-child) */
#box_shopping_cart.mj-shoppingcart .subproduct_name.mj-cart-box-title {
  height: auto !important;
  min-height: 0 !important;
  padding: 10px 10px 6px 12px !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}
#box_shopping_cart.mj-shoppingcart .subproduct_name.mj-cart-box-title .mj-cart-title-link {
  float: none !important;
  display: inline-flex !important;
  width: auto !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
#box_shopping_cart.mj-shoppingcart .ui-widget-content td:nth-child(odd),
#box_shopping_cart.mj-shoppingcart .ui-widget-content td:nth-child(even) {
  width: auto !important;
  max-width: none !important;
  float: none !important;
}
#box_shopping_cart.mj-shoppingcart .ui-widget-content a {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}
#box_shopping_cart.mj-shoppingcart .mj-sidecart-thumb {
  width: 52px !important;
  max-width: 52px !important;
  padding: 6px 8px 6px 0 !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}
#box_shopping_cart.mj-shoppingcart .mj-sidecart-thumb-link {
  display: block !important;
  line-height: 0 !important;
}
#box_shopping_cart.mj-shoppingcart .mj-sidecart-img {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  background: #fff !important;
  border: 1px solid var(--mo-line) !important;
  box-sizing: border-box !important;
}
#box_shopping_cart.mj-shoppingcart .mj-sidecart-thumb-placeholder {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  background: var(--mo-page-bg) !important;
  border: 1px dashed var(--mo-line) !important;
  box-sizing: border-box !important;
}
#box_shopping_cart.mj-shoppingcart .mj-sidecart-qty {
  white-space: nowrap !important;
  vertical-align: top !important;
  padding: 6px 8px 0 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #5a6e52 !important;
  width: 1% !important;
}
#box_shopping_cart.mj-shoppingcart .mj-sidecart-name {
  vertical-align: top !important;
  padding: 4px 0 2px 0 !important;
  width: auto !important;
}
#box_shopping_cart.mj-shoppingcart .mj-sidecart-name > a {
  display: block !important;
  width: 100% !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: var(--mo-olive) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  pointer-events: auto !important;
}
#box_shopping_cart.mj-shoppingcart .infoBoxContents {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
#box_shopping_cart.mj-shoppingcart .infoBoxContents tr.mj-sidecart-sep td {
  padding: 4px 0 3px 0 !important;
  line-height: 0 !important;
}
#box_shopping_cart.mj-shoppingcart .infoBoxContents tr.mj-sidecart-sep img {
  max-height: 1px !important;
  display: block !important;
}
#box_shopping_cart.mj-shoppingcart .infoBoxContents tr.mj-sidecart-total td {
  padding: 2px 0 8px 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--mo-sage-dark) !important;
}
#box_shopping_cart.mj-shoppingcart .infoBoxContents tr:first-child td {
  padding-top: 2px !important;
}

/* Checkout / accordion buttons (legacy template greens) */
.btn-bs4 { background-color: var(--mo-olive) !important; color: var(--mo-cta-text) !important; }
.btn-bs4:hover { background-color: var(--mo-olive-hover) !important; color: var(--mo-cta-text) !important; }
.btn-bs4 a { color: var(--mo-cta-text) !important; }
/* Cijeli site: <p class="btn-bs4"> je samo omotač oko tep_draw_button — bez maslinaste trake */
#mj-container p.btn-bs4,
#mj-container p.btn-bs4-small,
#mj-container p.btn-bs4.btn-bs4-small {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit !important;
}
#mj-container p.btn-bs4 > span,
#mj-container p.btn-bs4-small > span {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* „IZMJENI” i slični link-gumbi (anchor), potvrda narudžbe / checkout */
a.btn-bs4,
#checkoutConfirmation a.btn-bs4,
body.site-form-flow a.btn-bs4 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  background-color: var(--mo-olive) !important;
  color: var(--mo-cta-text) !important;
  border: 1px solid var(--mo-olive-active) !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  box-shadow: 0 1px 4px rgba(52, 74, 36, 0.12) !important;
}
a.btn-bs4:hover,
a.btn-bs4:focus,
#checkoutConfirmation a.btn-bs4:hover {
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
  text-decoration: none !important;
}
#checkoutConfirmation a.btn-bs4 .orderEdit,
a.btn-bs4 .orderEdit {
  color: inherit !important;
  text-decoration: none !important;
}

/* Potvrda narudžbe — naslovi blokova i polje komentara */
#checkoutConfirmation .review_box span.title {
  color: var(--mo-banner-heading) !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
#checkoutConfirmation textarea#commentsnew {
  border: 1.5px solid var(--mo-input-border) !important;
  border-radius: 10px !important;
  background: var(--mo-input-bg) !important;
  color: var(--mo-body-text) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  font-family: inherit !important;
}
#checkoutConfirmation .contentText {
  font-size: 14px !important;
  color: var(--mo-body-text) !important;
}

/* Potvrda narudžbe: akcije.css (#checkoutConfirmation .review_box td strong) — width:calc(90% - 95px) + float na uskoj ćeliji daje negativnu širinu → „PROIZVODI” jedno slovo po retku */
#checkoutConfirmation .review_box td strong {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  display: inline !important;
  box-sizing: border-box !important;
}
/* Red s naslovom bloka + (Uredi): jedan red, gumb desno — sve ugniježđene tablice u .checkout-confirmation-table-description */
#checkoutConfirmation .checkout-confirmation-table-description td table tr:first-child td {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
#checkoutConfirmation .checkout-confirmation-table-description td table tr:first-child td > a.btn-bs4 {
  margin-left: auto !important;
  flex-shrink: 0 !important;
}

/*
 * Stavke u narudžbi (checkout potvrda): jedan red tablice po proizvodu.
 * akcije.css: .one-product-check { width:50%; float:left } + td{display:inline} — lomi u „dvokolonsku” mrežu.
 */
#checkoutConfirmation tr.one-product-check {
  display: table-row !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}
#checkoutConfirmation tr.one-product-check td {
  display: table-cell !important;
  float: none !important;
  margin-bottom: 0 !important;
  width: auto !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}
#checkoutConfirmation tr.one-product-check td:first-child {
  width: 2.75rem !important;
  max-width: 4rem !important;
  white-space: nowrap !important;
  text-align: right !important;
}
#checkoutConfirmation tr.one-product-check td:nth-child(2) {
  width: auto !important;
  max-width: none !important;
  text-align: left !important;
}
/* Više skupina poreza: srednji stupac postotka */
#checkoutConfirmation tr.one-product-check td:nth-child(3):not(:last-child) {
  width: 3.25rem !important;
  white-space: nowrap !important;
  text-align: right !important;
}
#checkoutConfirmation tr.one-product-check td:last-child {
  width: 1% !important;
  white-space: nowrap !important;
  text-align: right !important;
}
#checkoutConfirmation tr.one-product-check td font {
  float: none !important;
  margin-right: 0 !important;
}

/* Potvrda / plaćanje — zajednički kontejner; red + širina sadržaja samo ≥980px (Mobil ≤979: blok max-width dolje).
 */
#checkoutConfirmation .mo-checkout-confirm-actions,
#checkoutPayment #checkout_comments .mo-checkout-confirm-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 12px !important;
  clear: both !important;
}

#checkoutConfirmation .mo-checkout-confirm-actions > p.btn-bs4,
#checkoutPayment #checkout_comments .mo-checkout-confirm-actions > p.btn-bs4 {
  display: contents !important;
}
#checkoutConfirmation .mo-checkout-confirm-actions > p.btn-bs4 > span,
#checkoutPayment #checkout_comments .mo-checkout-confirm-actions > p.btn-bs4 > span {
  display: contents !important;
}

@media screen and (min-width: 980px) {
  #checkoutConfirmation .mo-checkout-confirm-actions,
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  #checkoutConfirmation .mo-checkout-confirm-actions > *,
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > * {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    align-self: center !important;
  }
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span:not(.tdbLink) {
    display: flex !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span:not(.tdbLink) .ui-button {
    width: auto !important;
    max-width: var(--mo-btn-max-width) !important;
    box-sizing: border-box !important;
  }
  #checkoutConfirmation .mo-checkout-confirm-actions > span.tdbLink {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    align-items: flex-end !important;
    gap: 8px !important;
  }
  #checkoutConfirmation .mo-checkout-confirm-actions .ui-button,
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions .ui-button,
  #checkoutConfirmation .mo-checkout-confirm-actions .mo-checkout-confirm-pay,
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions .mo-checkout-confirm-pay,
  #checkoutConfirmation .mo-checkout-confirm-pay--input {
    width: auto !important;
    max-width: var(--mo-btn-max-width) !important;
    box-sizing: border-box !important;
    min-height: var(--mo-cta-height) !important;
    height: var(--mo-cta-height) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    margin: 0 !important;
  }
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > p.btn-bs4 > span {
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
    flex: none !important;
  }
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span:not(.tdbLink) .ui-button,
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions .ui-button,
  #checkoutPayment #checkout_comments .mo-checkout-confirm-actions .mo-checkout-confirm-pay {
    width: auto !important;
    max-width: var(--mo-btn-max-width) !important;
    min-width: 0 !important;
    padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  }
}

#checkoutConfirmation .confirmation-message-from-checkout {
  padding: 10px 14px 10px 16px !important;
  box-sizing: border-box !important;
}

.acc_trigger { background-color: var(--mo-nav-bg) !important; color: var(--mo-nav-ink) !important; border: 1px solid var(--mo-line) !important; box-sizing: border-box !important; }
.acc_trigger:hover { background-color: var(--mo-nav-bg-hover) !important; color: var(--mo-nav-ink) !important; }
.acc_trigger.active { background-color: var(--mo-olive) !important; color: var(--mo-cta-text) !important; border-color: var(--mo-olive-active) !important; }

/* BREADCRUMB */
.breadcrumbs, #navBreadCrumb { font-size: 11px !important; color: #888 !important; margin-bottom: 8px !important; }
.breadcrumbs a, #navBreadCrumb a { color: var(--mo-olive) !important; text-decoration: none !important; }

.product_list_name > a:first-of-type {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  color: var(--mo-card-title) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
.product_list_name > a:first-of-type:hover {
  color: var(--mo-sage-dark) !important;
}
#products_new .mj-newproductname a:first-of-type {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  color: var(--mo-card-title) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
  -webkit-font-smoothing: antialiased !important;
}
#products_new .mj-newproductname a:first-of-type:hover {
  color: var(--mo-sage-dark) !important;
}

/* Seopage-style / listing accents (loaded before this file) */
.mj-productinfo { border-top: 3px solid var(--mo-olive) !important; }
.single-page-product-card-title,
.new-card-product-name p,
.new-card-product-name {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  color: var(--mo-card-title) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
/* Kategorija na srodnim karticama — ista siva kao na listingu */
.single-page-card-product-title {
  color: var(--mo-card-category) !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-size: 14px !important;
  display: block !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 8px !important;
  line-height: 1.45 !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-fill-color: var(--mo-card-category) !important;
}
.discount-price,
.discount-price-shopping-card { color: var(--mo-card-price) !important; }

/* Košarica — naslov: ukloni vizualnu traku (legacy #mj-contentarea h1 border / moguća bijela podloga) */
body.flow-shopping-cart #mj-contentarea h1.shoping-page-headline {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-bottom: 8px !important;
  padding-left: 16px !important;
  padding-right: 12px !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  line-height: 1.3 !important;
  font-weight: var(--mo-heading-weight) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--mo-sage-dark) !important;
  box-sizing: border-box !important;
}

/* Blok s pravilima i popustima ispod naslova košarice */
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-notice.shoping-cart-description {
  margin: 0 16px 16px 16px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  background: var(--mo-surface) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: var(--mo-btn-radius) !important;
  box-shadow: 0 1px 2px rgba(52, 74, 36, 0.06) !important;
  max-width: 52rem !important;
}
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-rules {
  margin: 0 0 12px 0 !important;
  padding: 0 0 0 1.2rem !important;
  list-style: disc !important;
  color: var(--mo-card-category) !important;
  font-size: var(--mo-text-sm) !important;
  line-height: 1.5 !important;
}
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-rules li {
  margin: 0 0 6px 0 !important;
  padding-left: 2px !important;
}
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-rules li:last-child {
  margin-bottom: 0 !important;
}
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-personal {
  margin: 0 0 10px 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  background: var(--mo-category-pill-bg) !important;
  border: 1px solid var(--mo-category-pill-border) !important;
  border-radius: 10px !important;
  font-size: var(--mo-text-sm) !important;
  line-height: 1.5 !important;
  color: var(--mo-body-text) !important;
  font-weight: 500 !important;
}
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-personal:last-child {
  margin-bottom: 0 !important;
}
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-banks {
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--mo-text-xs) !important;
  line-height: 1.5 !important;
  color: var(--mo-card-category) !important;
}
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-banks a {
  color: var(--mo-sage-primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-banks a:hover,
body.flow-shopping-cart #mj-contentarea .mj-cart-discount-banks a:focus-visible {
  text-decoration: underline !important;
  color: var(--mo-olive-hover) !important;
}

/* Tekst ispod naslova košarice (legacy <p>) — isti rub kao ostatak stranice */
body.flow-shopping-cart #mj-contentarea p.shoping-cart-description {
  padding-left: 16px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}
body.flow-shopping-cart #mj-shoppingcart .content_box {
  padding-left: 16px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}
body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-top: 20px !important;
  padding: 18px 4px 8px 4px !important;
  border-top: 1px solid var(--mo-line) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  clear: both !important;
}
body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p {
  margin: 0 !important;
  float: none !important;
  text-align: left !important;
}
body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p .ui-button,
body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p a.ui-button,
body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p button.ui-button {
  width: auto !important;
  min-width: min(100%, 200px) !important;
  box-sizing: border-box !important;
}
body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-price {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-price #cartSubTotal {
  margin: 0 !important;
  text-align: right !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--mo-body-text) !important;
  white-space: nowrap !important;
}

/* Košarica ≤720px: ukupno gore punom širinom; donji gumbi u jednom redu — lijevo / desno */
@media screen and (max-width: 720px) {
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-price {
    order: 1 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-price #cartSubTotal {
    text-align: left !important;
    white-space: normal !important;
    width: 100% !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons {
    order: 2 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: calc(50% - 4px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p:first-child {
    text-align: left !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p:last-child:not(:only-child) {
    text-align: right !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p .ui-button,
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p a.ui-button,
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet .product-cart-buttons > p button.ui-button {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Bez horizontalnog „pucanja” sadržaja */
  body.flow-shopping-cart #mj-shoppingcart,
  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer {
    overflow-x: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer {
    padding-left: clamp(8px, 2.5vw, 12px) !important;
    padding-right: clamp(8px, 2.5vw, 12px) !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .my-cart-content {
    padding: 14px clamp(10px, 2.5vw, 14px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product-image-qty-price {
    grid-template-columns: minmax(96px, 30vw) minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product_info_image {
    max-width: min(120px, 30vw) !important;
    width: 100% !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product_info_image img {
    max-width: 100% !important;
    max-height: 120px !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product-quantity-price {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .cart-product-title a {
    font-size: 14px !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .cart-item-payment-details-container {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* Legacy tablica (ako postoji u predlošku) — stupac umjesto uskih stupaca */
  body.flow-shopping-cart #mj-shoppingcart .shopping-cart,
  body.flow-shopping-cart #mj-shoppingcart table.shopping-cart {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .shopping-cart thead,
  body.flow-shopping-cart #mj-shoppingcart table.shopping-cart thead {
    display: none !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .shopping-cart tbody,
  body.flow-shopping-cart #mj-shoppingcart .shopping-cart tr,
  body.flow-shopping-cart #mj-shoppingcart table.shopping-cart tbody,
  body.flow-shopping-cart #mj-shoppingcart table.shopping-cart tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .shopping-cart tr,
  body.flow-shopping-cart #mj-shoppingcart table.shopping-cart tr {
    margin-bottom: 10px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 10px !important;
    background: var(--mo-surface) !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .shopping-cart td,
  body.flow-shopping-cart #mj-shoppingcart table.shopping-cart td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border: none !important;
    border-bottom: none !important;
    text-align: left !important;
    padding: 6px 0 !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .shopping-cart .tableHeading,
  body.flow-shopping-cart #mj-shoppingcart table.shopping-cart .tableHeading {
    display: none !important;
  }

  /* Donji red: bez dodatnog bijelog „okvira” oko pojedinog gumba (ostaje samo kartica #new-category) */
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet.mj-cart-footer-actions {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-top: 1px solid var(--mo-line) !important;
    padding: 12px 0 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet.mj-cart-footer-actions .product-cart-buttons > p,
  body.flow-shopping-cart #mj-shoppingcart #new-category .buttonSet.mj-cart-footer-actions .product-cart-price {
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Stranica odjave (logoff.php): naslov + kartica — isti horizontalni zrak kao košarica / ostale flow stranice */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #mj-logoff h1.shoping-page-headline {
  padding-left: 16px !important;
  padding-right: 12px !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #mj-logoff .contentContainer {
  padding-left: 16px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}

/* Košarica — red proizvoda: poravnanje, sage (bez crvenog), slika fiksne širine */
#mj-shoppingcart .my-cart-content {
  background: var(--mo-surface) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  padding: 14px clamp(12px, 2.5vw, 16px) !important;
  margin: 0 0 12px 0 !important;
  box-shadow: 0 1px 4px rgba(52, 74, 36, 0.06) !important;
  box-sizing: border-box !important;
}
#mj-shoppingcart .my-cart-content:hover {
  background: var(--mo-surface) !important;
  box-shadow: 0 2px 10px rgba(107, 143, 78, 0.1) !important;
}
#mj-shoppingcart .product-image-qty-price {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#mj-shoppingcart .product_info_image {
  width: 100% !important;
  max-width: 96px !important;
  box-sizing: border-box !important;
}
#mj-shoppingcart .product_info_image img {
  width: 100% !important;
  height: auto !important;
  max-height: 120px !important;
  object-fit: contain !important;
  display: block !important;
}
#mj-shoppingcart .product-quantity-price {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#mj-shoppingcart .cart-product-title {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
#mj-shoppingcart .cart-product-title a {
  color: var(--mo-body-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}
#mj-shoppingcart .cart-product-title a:hover {
  color: var(--mo-olive) !important;
}
#mj-shoppingcart .cart-product-warning {
  color: #b42318 !important;
  font-weight: 700 !important;
}
#mj-shoppingcart .mo-cart-stock-line-msg {
  display: block !important;
  width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
  background: #fef2f2 !important;
  border: 1px solid #f5c2c2 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}
#mj-shoppingcart .cart-product-subtitle {
  color: #5a6e52 !important;
  font-weight: 400 !important;
}
#mj-shoppingcart .shopping-cart-card {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
}
#mj-shoppingcart .shopping-cart-card .cp-qty {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#mj-shoppingcart .cart-item-payment-details-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#mj-shoppingcart .cart-item-payment-details-container > strong.cart-product-price {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-weight: 600 !important;
}
#mj-shoppingcart .cart-product-price {
  text-align: left !important;
}
#mj-shoppingcart .cart-item-payment-details-container .cart-product-price,
#mj-shoppingcart .cart-item-payment-details-container strong.cart-product-price {
  color: var(--mo-body-text) !important;
}
#mj-shoppingcart .mj-cart-remove-wrap {
  margin: 0 !important;
  flex: 0 0 auto !important;
}
.remove-from-shoping-cart-button,
#mj-shoppingcart .remove-from-shoping-cart-button {
  background-color: var(--mo-olive) !important;
  color: var(--mo-cta-text) !important;
  border: 1px solid var(--mo-olive-active) !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(52, 74, 36, 0.12) !important;
}
.remove-from-shoping-cart-button i,
.remove-from-shoping-cart-button .fa,
#mj-shoppingcart .remove-from-shoping-cart-button i {
  color: var(--mo-cta-text) !important;
}
.remove-from-shoping-cart-button:hover,
.remove-from-shoping-cart-button:focus,
#mj-shoppingcart .remove-from-shoping-cart-button:hover,
#mj-shoppingcart .remove-from-shoping-cart-button:focus {
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
  border-color: var(--mo-olive-active) !important;
}
.remove-from-shoping-cart-button:hover i,
.remove-from-shoping-cart-button:focus i,
.remove-from-shoping-cart-button:hover .fa,
#mj-shoppingcart .remove-from-shoping-cart-button:hover i,
#mj-shoppingcart .remove-from-shoping-cart-button:focus i {
  color: var(--mo-cta-text) !important;
}
.my-cart-content { border-color: var(--mo-line) !important; }

/* Košarica — kartice u mreži, jednake visine, jasnija hijerarhija (naslov / količina / cijene) */
@media screen and (min-width: 721px) {
  /* Jedan stupac — košarica ne „ pola širine” s praznim desnim stupcem */
  #mj-shoppingcart #new-category.contentContainer > .contentText {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-shoppingcart #new-category.contentContainer > .contentText > .stockWarning {
    grid-column: 1 / -1 !important;
  }
}
@media screen and (max-width: 720px) {
  #mj-shoppingcart #new-category.contentContainer > .contentText {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
#mj-shoppingcart .my-cart-content {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
}
#mj-shoppingcart .my-cart-content .product-image-qty-price {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
#mj-shoppingcart .product-quantity-price {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
}
#mj-shoppingcart .product-quantity-price .shopping-cart-card {
  order: -1 !important;
  margin: 0 0 4px 0 !important;
}
#mj-shoppingcart .product-quantity-price .cart-product-title {
  order: 0 !important;
}
#mj-shoppingcart .product-quantity-price .cart-item-payment-details-container {
  order: 1 !important;
  margin-top: auto !important;
  padding-top: 12px !important;
}
#mj-shoppingcart .shopping-cart-card {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}
#mj-shoppingcart .shopping-cart-card::before {
  content: 'Količina' !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #5a6e52 !important;
  line-height: 1.2 !important;
}
#mj-shoppingcart .shopping-cart-card select.cart-product-quantity {
  width: auto !important;
  max-width: 6.5rem !important;
  min-width: 4.5rem !important;
  padding: 8px 28px 8px 12px !important;
  border-radius: 10px !important;
  border: 1.5px solid var(--mo-input-border) !important;
  background: var(--mo-input-bg) !important;
  color: var(--mo-body-text) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  appearance: auto !important;
}
#mj-shoppingcart .cart-item-payment-details .price_amount {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
#mj-shoppingcart .discount-price-shopping-card {
  display: inline-block !important;
  margin: 0 !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  background: rgba(107, 143, 78, 0.18) !important;
  color: var(--mo-olive) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
#mj-shoppingcart .product-prices {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}
#mj-shoppingcart .text-line-through-shopping-card {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #8a9384 !important;
  text-decoration: line-through !important;
}
#mj-shoppingcart .current-price-shopping-card {
  margin: 0 !important;
  font-size: 1.28rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--mo-olive) !important;
  letter-spacing: 0.01em !important;
}

#mj-shoppingcart p.stockWarning,
#mj-shoppingcart .stockWarning--alert {
  color: var(--mo-sage-dark) !important;
  background: var(--mo-page-bg) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin: 12px 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* PRODUCT LISTING */
.productListing-odd td, .productListing-even td { padding: 8px !important; font-size: 12px !important; color: var(--mo-body-text) !important; }
.tableHeading { background: var(--mo-page-bg) !important; color: var(--mo-body-text) !important; font-weight: 600 !important; font-size: 11px !important; }

/* CONTENT AREA FIX — uži desktop (980–1279px). Samo stranice bez oba bočna stupca u .mj-subcontainer. */
@media screen and (max-width: 1279px) {
  #mj-maincontent > .mj-subcontainer:not(:has(> #mj-left)):not(:has(> #mj-right)) #mj-contentarea,
  #mj-maincontent > .mj-subcontainer:not(:has(> #mj-left)):not(:has(> #mj-right)) #mj-contentarea.mj-grid64,
  #mj-maincontent > .mj-subcontainer:not(:has(> #mj-left)):not(:has(> #mj-right)) #mj-contentarea.mj-grid96,
  #mj-maincontent > .mj-subcontainer:not(:has(> #mj-left)):not(:has(> #mj-right)) #mj-contentarea.mj-grid80 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* MOBILE / TABLET ≤979px — full-page fixes (loaded last; overrides seopage + mk_ik) */
@media screen and (max-width: 979px) {
  /* Horizontalni overflow držimo na html — overflow-x na body često remeti position:fixed (donja traka) na iOS/Safari */
  html {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  body {
    max-width: 100% !important;
  }

  /* Akcije / promo #new-category — ne stranica ugniježđenih kategorija (.mo-category-nested) */
  #mj-container #mj-maincontent #mj-contentarea #new-category:not(.mo-category-nested) .categoryListBoxContents .subproduct_name a {
    min-height: min(48vw, 320px) !important;
    gap: 12px !important;
  }
  #mj-container #mj-maincontent #mj-contentarea #new-category:not(.mo-category-nested) .categoryListBoxContents .subproduct_name img {
    max-height: min(58vw, 260px) !important;
  }
  #mj-container #mj-maincontent #mj-contentarea #new-category:not(.mo-category-nested) .categoryListBoxContents {
    padding: 14px 12px 16px !important;
    margin-bottom: 16px !important;
  }

  /* Typography — mobile (≤979px) */
  body { font-size: 13px !important; }
  .product_name,
  .product_name a,
  .product_name.new-card-product-name a,
  .new-card-product-name a:not(.btn-cart),
  .new-card-product-title-link {
    font-size: 14px !important;
    line-height: 1.38 !important;
  }
  /* Naziv na kartici liste: do tri retka (nadjačaj seopage line-clamp: 1 na nekim linkovima) */
  .centerBoxContentsNew .new-card-product-title-link,
  .centerBoxContentsFeatured .new-card-product-title-link,
  .centerBoxContentsSpecials .new-card-product-title-link,
  .centerBoxContentsNew .product_name.new-card-product-name > a.new-card-product-title-link,
  .centerBoxContentsFeatured .product_name.new-card-product-name > a.new-card-product-title-link,
  .centerBoxContentsSpecials .product_name.new-card-product-name > a.new-card-product-title-link,
  .centerBoxContentsNew .product_name.new-card-product-name .product-title-special-card,
  .centerBoxContentsFeatured .product_name.new-card-product-name .product-title-special-card,
  .centerBoxContentsSpecials .product_name.new-card-product-name .product-title-special-card {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
    /* max-height s fiksnim em zbunjivao je clamp (€ / rub) — line-clamp sama određuje visinu */
    max-height: none !important;
    min-height: 0 !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  }
  .single-page-product-card-title a {
    font-size: 13px !important;
    line-height: 1.38 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-height: calc(3 * 1.38em + 4px) !important;
  }
  /* Kratki opis ispod naslova — ne kao naslov (11px) */
  .product_name.new-card-product-name .new-card-product-description > a {
    font-size: 12px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    max-height: calc(2 * 1.38em + 4px) !important;
  }
  /* Glavni mobilni izbornik: veći font od starog 11–12px (mj-mobile override), više prostora za dodir */
  #jsn-pos-mainnav.nav-collapse .nav > li > a,
  #jsn-pos-mainnav.nav-collapse .nav > li > div > a {
    font-size: 14px !important;
    padding: 13px 16px !important;
    min-height: 48px !important;
    text-transform: none !important;
  }
  .new-card-product-name > div:not(.new-card-product-name-pill--ponuda-dana),
  .product-category-label,
  .centerBoxContentsNew .new-card-product-name > div:not(.new-card-product-name-pill--ponuda-dana) {
    font-size: clamp(12px, 3.35vw, 13px) !important;
    font-weight: 600 !important;
    padding: 8px 0 0 0 !important;
    margin: 9px 0 0 0 !important;
    border-top: 1px solid var(--mo-line) !important;
    color: var(--mo-card-category) !important;
    -webkit-text-fill-color: var(--mo-card-category) !important;
  }
  /* Ponuda dana — ista siva linija kao kategorija u ovom breakpointu */
  .new-card-product-name > div.new-card-product-name-pill--ponuda-dana {
    margin: 9px 0 0 0 !important;
    padding: 7px 0 0 0 !important;
    border: none !important;
    border-top: 1px solid var(--mo-line) !important;
    box-sizing: border-box !important;
  }
  .centerBoxContentsNew .mj-card-promo-line,
  .centerBoxContentsFeatured .mj-card-promo-line,
  .centerBoxContentsSpecials .mj-card-promo-line { font-size: 11px !important; line-height: 1.3 !important; }
  .centerBoxContentsNew .mj-card-promo-between { font-size: 11px !important; }
  /* Kartice liste: iznos ostaje s valutom u istom redu (bez lomljenja „28,35” / „€”) */
  .centerBoxContentsNew .mj-card-price-cell .prodprice p.text-line-through,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice p.text-line-through,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice p.text-line-through {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
  .centerBoxContentsNew .mj-card-price-cell .prodprice font,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice font,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice font {
    white-space: nowrap !important;
    display: inline-block !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
  .centerBoxContentsNew .mj-card-price-cell .prodprice font a,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice font a,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice font a,
  .centerBoxContentsNew .mj-card-price-cell .prodprice > a,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice > a,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice > a {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  #mj-container .mj-card-actions-leading .mj-card-country-flag,
  body.product-page .single-page-related-product-card .mj-card-actions-leading .mj-card-country-flag {
    margin-left: 0 !important;
    margin-right: 12px !important;
  }
  .centerBoxContentsNew .mj-card-actions-row,
  .centerBoxContentsFeatured .mj-card-actions-row,
  .centerBoxContentsSpecials .mj-card-actions-row {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    column-gap: 14px !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    align-items: center !important;
    padding-left: 0 !important;
    padding-right: 12px !important;
  }
  #mj-container .mj-card-actions-row > .mj-card-actions-leading {
    margin-inline-end: 6px !important;
  }
  #mj-container .mj-card-actions-row:has(.mj-card-country-flag) {
    column-gap: 20px !important;
    gap: 20px !important;
  }
  /* Ikona košarice — veća; ćelija ne smije rastezati karticu preko ruba */
  #mj-container .mj-card-actions-row .mj-card-cart-cell a.mj-productdetail-more.mj-listing-cart-nav {
    min-width: 54px !important;
    min-height: 52px !important;
    width: auto !important;
    height: auto !important;
    padding: 2px 8px !important;
    margin: 0 !important;
    border: none !important;
    background: transparent none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
    display: inline-flex !important;
    flex-shrink: 0 !important;
  }
  #mj-container .mj-card-actions-row .mj-card-cart-cell .fa-shopping-cart {
    font-size: 42px !important;
  }
  /* Manji razmak zastava → košara: blok naslova ne „raste” s visinom retka; flag slot kompaktniji */
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent .imagename,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent .imagename,
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .imagename {
    flex: 0 1 auto !important;
  }
  #mj-container .mj-card-country-flag-slot,
  body.product-page #mj-container .mj-card-country-flag-slot {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-top: 6px !important;
    gap: 6px !important;
    border-top: 1px solid var(--mo-line, #dde8d0) !important;
  }
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename:has(.mj-card-country-flag-slot) > .product_desc,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent .imagename:has(.mj-card-country-flag-slot) > .product_desc,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent .imagename:has(.mj-card-country-flag-slot) > .product_desc,
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .imagename:has(.mj-card-country-flag-slot) > .product_desc {
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_desc,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent .imagename > .product_desc,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent .imagename > .product_desc,
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .imagename > .product_desc {
    margin-top: 4px !important;
    margin-bottom: 2px !important;
  }
  #mj-container .products-grid .propricemain .mj-card-actions-row .mj-card-cart-cell .mj-productdetailimage,
  #mj-container #mj-contentarea .products-grid .propricemain .mj-card-actions-row .mj-card-cart-cell .mj-productdetailimage,
  .centerBoxContentsNew .mj-card-actions-row .mj-card-cart-cell .mj-productdetailimage {
    justify-content: center !important;
    align-items: center !important;
    max-width: none !important;
    width: auto !important;
  }

  /* Cijena u retku kartice lista — ista maslinasto zelena kao token --mo-olive (nadjačava --mo-card-price / FONT color iz OSC) */
  .centerBoxContentsNew .mj-card-actions-row .mj-card-price-cell .prodprice font,
  .centerBoxContentsFeatured .mj-card-actions-row .mj-card-price-cell .prodprice font,
  .centerBoxContentsSpecials .mj-card-actions-row .mj-card-price-cell .prodprice font,
  .centerBoxContentsNew .mj-card-actions-row .mj-card-price-cell .prodprice > a,
  .centerBoxContentsFeatured .mj-card-actions-row .mj-card-price-cell .prodprice > a,
  .centerBoxContentsSpecials .mj-card-actions-row .mj-card-price-cell .prodprice > a,
  .centerBoxContentsNew .mj-card-actions-row .mj-card-price-cell .prodprice font a,
  .centerBoxContentsFeatured .mj-card-actions-row .mj-card-price-cell .prodprice font a,
  .centerBoxContentsSpecials .mj-card-actions-row .mj-card-price-cell .prodprice font a {
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
  }
  /* Produkt kartice u mreži: malo šire udesno + bez rezanja cijene (overflow:hidden na kartici inače sjeca € na 2 stupca) */
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent {
    padding-left: 8px !important;
    padding-right: 19px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Lijevi blok: širina sadržaja (košara+zastava) — cap+clip rezao je badge ispod širine zastavice+F */
  #mj-container .mj-card-actions-leading,
  body.product-page .single-page-related-product-card .mj-card-actions-leading {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow-x: visible !important;
    gap: 6px !important;
    column-gap: 6px !important;
  }
  #mj-container .mj-card-actions-row:has(.mj-card-country-flag) .mj-card-actions-leading,
  body.product-page #mj-container .single-page-related-product-card .mj-card-actions-row:has(.mj-card-country-flag) .mj-card-actions-leading {
    gap: 8px !important;
    column-gap: 8px !important;
  }

  #mj-container .mj-card-actions-leading .mj-card-cart-cell,
  body.product-page .single-page-related-product-card .mj-card-actions-leading .mj-card-cart-cell {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  /* Jači override za ≤979px: krajnji globalni blok .mj-card-* (ranije bez media) mijenjao ponašanje; povezani proizvodi + sve kartice liste */
  body.product-page #mj-container .single-page-related-product-card .centerBoxContentsNew .mj-card-actions-row,
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew .mj-card-actions-row,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured .mj-card-actions-row,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials .mj-card-actions-row {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    padding-right: 19px !important;
    box-sizing: border-box !important;
  }
  body.product-page #mj-container .single-page-related-product-card .centerBoxContentsNew .mj-card-price-cell,
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-price-cell {
    flex: 1 1 0% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    width: auto !important;
    max-width: 100% !important;
    /* min(41%,10rem) širi red iznad širine kartice (2 stupca + zastava → crop €) */
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    text-align: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 8px !important;
    padding-right: 47px !important;
    box-sizing: border-box !important;
  }

  body.product-page #mj-container .single-page-related-product-card .mj-card-actions-row:has(.mj-card-country-flag) > .mj-card-price-cell,
  #mj-container #mj-contentarea .products-grid .mj-card-actions-row:has(.mj-card-country-flag) > .mj-card-price-cell {
    padding-left: 18px !important;
    padding-right: 51px !important;
  }
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew .mj-card-price-cell,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured .mj-card-price-cell,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials .mj-card-price-cell {
    /* Ispuni ostatak retka iza košara+zastava — € više ne stoji tik uz rub kartice */
    flex: 1 1 0% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    width: auto !important;
    max-width: 100% !important;
    /* vidi gore — isti razlog cropa uz FR zastavu */
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    text-align: right !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-left: clamp(10px, 3.5vw, 16px) !important;
    padding-right: 47px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Povezani / zadnji pregledani (product_info): bez horizontalnog „šanka” na .propricemain — donji red poravnan s naslovom */
  body.product-page #mj-container .single-page-related-product-card .centerBoxContentsNew.centeredContent .propricemain.single-product-page-card-title,
  body.product-page #mj-container .single-page-related-product-card .centerBoxContentsNew.centeredContent .propricemain {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  /* Povezani / zadnji pregledani (mobilna): kategorija veća tipografija i razmak do imena proizvoda; cijena malo dalje od desnog ruba */
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .product_name.new-card-product-name {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    margin-top: 4px !important;
  }
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .single-page-card-product-title {
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin: 0 0 8px 0 !important;
    padding: 6px 0 0 0 !important;
  }
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .single-page-card-product-title:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .product_name.new-card-product-name > .new-card-product-title-link {
    padding-top: 0 !important;
  }
  body.product-page #mj-container .single-page-related-product-card .centerBoxContentsNew .mj-card-price-cell,
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-price-cell {
    padding-right: 49px !important;
  }
  body.product-page #mj-container .single-page-related-product-card .mj-card-actions-row:has(.mj-card-country-flag) > .mj-card-price-cell {
    padding-right: 53px !important;
  }
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row .mj-card-price-cell .prodprice {
    padding-right: 19px !important;
    box-sizing: border-box !important;
  }

  /* Košara u retku ostaje uža (globalni .mj-productdetailimage{width:100%} ne smije rastezati prvu fleks ćeliju); .productbtn ostaje bez max-width — dermatološki bedž može uz ikonu */
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row .mj-card-cart-cell {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row .mj-card-cart-cell .productbtn {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row .mj-card-cart-cell .mj-productdetailimage {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-promo-mid-cell {
    flex: 0 1 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }

  #mj-container .products-grid .centerBoxContentsNew.centeredContent .propricemain,
  #mj-container .products-grid .centerBoxContentsFeatured.centeredContent .propricemain,
  #mj-container .products-grid .centerBoxContentsSpecials.centeredContent .propricemain {
    padding-left: 8px !important;
    padding-right: 17px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
  #mj-container .products-grid .propricemain .mj-card-actions-row .mj-card-cart-cell {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  #mj-container .products-grid .propricemain .mj-card-actions-row .mj-card-cart-cell .productbtn {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  #mj-container .products-grid .propricemain .mj-card-actions-row .mj-card-cart-cell .mj-productdetailimage {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }
  #mj-container .products-grid .propricemain .mj-card-actions-row .mj-card-promo-mid-cell {
    flex: 0 1 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  #mj-container .products-grid .propricemain .mj-card-price-cell {
    flex: 1 1 0% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: clamp(10px, 3.5vw, 14px) !important;
    padding-right: 45px !important;
  }
  /* Zrak desno uz cijenu (2 stupca / uska širina — € ostaje izvan cropa) */
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew .propricemain .mj-card-price-cell,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured .propricemain .mj-card-price-cell,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials .propricemain .mj-card-price-cell {
    flex: 1 1 0% !important;
    flex-grow: 1 !important;
    padding-left: clamp(10px, 3.5vw, 14px) !important;
    padding-right: 45px !important;
  }
  #mj-container #mj-contentarea .products-grid .propricemain .mj-card-price-cell .prodprice {
    float: none !important;
    clear: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-right: 12px !important;
    padding-left: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  #mj-container #mj-contentarea .products-grid .propricemain .mj-card-actions-row:has(.mj-card-country-flag) .mj-card-price-cell .prodprice {
    padding-right: 14px !important;
  }

  /* Bedž „Preporučuju dermatologa” pokraj ikone košarice — kružni clip skida pravokutni „boks” iz PNG-a oko plavog znaka */
  .centerBoxContentsNew .mj-card-actions-row .mj-card-cart-cell .productbtn.mj-card-cart-only,
  .centerBoxContentsFeatured .mj-card-actions-row .mj-card-cart-cell .productbtn.mj-card-cart-only,
  .centerBoxContentsSpecials .mj-card-actions-row .mj-card-cart-cell .productbtn.mj-card-cart-only {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .centerBoxContentsNew .mj-card-actions-row .dermatologist-badge,
  .centerBoxContentsFeatured .mj-card-actions-row .dermatologist-badge,
  .centerBoxContentsSpecials .mj-card-actions-row .dermatologist-badge,
  body.product-page #mj-container .single-page-related-product-card .dermatologist-badge {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .centerBoxContentsNew .mj-card-actions-row .dermatologist-badge img,
  .centerBoxContentsFeatured .mj-card-actions-row .dermatologist-badge img,
  .centerBoxContentsSpecials .mj-card-actions-row .dermatologist-badge img,
  body.product-page #mj-container .single-page-related-product-card .dermatologist-badge img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: transparent !important;
    vertical-align: middle !important;
    box-shadow: none !important;
  }

  .centerBoxContentsNew .mj-card-promo-mid-cell,
  .centerBoxContentsFeatured .mj-card-promo-mid-cell,
  .centerBoxContentsSpecials .mj-card-promo-mid-cell {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  .centerBoxContentsNew .mj-card-country-flag,
  .centerBoxContentsFeatured .mj-card-country-flag,
  .centerBoxContentsSpecials .mj-card-country-flag {
    flex: 0 0 auto !important;
    transform: none !important;
    margin-right: 0 !important;
  }
  /* Zastava na kartici liste (uključ. slot pod kategorijom) — mobilno čitljivija */
  .centerBoxContentsNew .mj-card-country-flag svg,
  .centerBoxContentsFeatured .mj-card-country-flag svg,
  .centerBoxContentsSpecials .mj-card-country-flag svg {
    width: 26px !important;
    height: auto !important;
    display: block !important;
    flex-shrink: 0 !important;
  }
  .centerBoxContentsNew .mj-card-country-flag > div > span,
  .centerBoxContentsFeatured .mj-card-country-flag > div > span,
  .centerBoxContentsSpecials .mj-card-country-flag > div > span {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    padding: 0 5px !important;
    min-height: 21px !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Listing kartice (uključ. moduli bez #products-grid u lancu): cijena ispunjava ostatak retka — desni rub unutar ćelije */
  .centerBoxContentsNew .mj-card-price-cell,
  .centerBoxContentsFeatured .mj-card-price-cell,
  .centerBoxContentsSpecials .mj-card-price-cell,
  .centerBoxContentsAlsoPurch .mj-card-price-cell {
    flex: 1 1 0% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    text-align: right !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-left: clamp(10px, 3.5vw, 16px) !important;
    padding-right: 47px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .centerBoxContentsNew .mj-card-price-cell .prodprice,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice {
    display: flex !important;
    flex-direction: column !important;
    text-align: right !important;
    align-items: flex-end !important;
    gap: 1px !important;
    float: none !important;
    clear: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding-right: 23px !important;
    margin: 0 !important;
  }
  .new-card-product-name .mj-ponuda-dana-label { font-size: 13px !important; }
  .single-page-card-product-title { font-size: 13px !important; }
  #mj-featured1 .mj-full {
    margin: 0 0 7px !important;
    border-radius: 11px !important;
    padding: 1px 0 3px 0 !important;
  }
  #mj-featured1 .mj-full .mj-loyalty-teaser-bar {
    flex-direction: column !important;
    border-radius: 9px !important;
    max-width: 100% !important;
  }
  #mj-featured1 .mj-full .mj-loyalty-teaser-bar__cta {
    padding: 9px 14px !important;
    justify-content: center !important;
  }
  #mj-featured1 .mj-full .mj-loyalty-teaser-bar__divider {
    width: 100% !important;
    height: 1px !important;
    background: rgba(90, 122, 74, 0.25) !important;
  }
  #mj-featured1 .mj-full .mj-loyalty-teaser-bar__text {
    padding: 8px 12px !important;
    font-size: 13px !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.4 !important;
  }
  #mj-featured1 .mj-full .mj-loyalty-teaser-bar__inner {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    text-align: center !important;
  }

  /* Jedinstvena kartica: dostava iznad, telefon ispod */
  #mj-featured1 .mo-home-info-duo.mo-home-info-unified-wrap {
    padding: 2px 8px 11px !important;
  }
  #mj-featured1 .mo-home-info-unified-card.mo-home-info-card {
    border-radius: 15px !important;
  }
  #mj-featured1 .mo-home-info-icon-well {
    width: 26px !important;
    height: 26px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
  }
  #mj-featured1 #free-delivery .fd-head {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 7px !important;
  }
  #mj-featured1 #free-delivery .fd-head-icon {
    width: 40px !important;
    height: 40px !important;
  }
  #mj-featured1 #free-delivery .fd-head-icon .free-delivery-icon {
    width: 18px !important;
    height: 18px !important;
  }
  #mj-featured1 #free-delivery .fd-lead {
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }
  #mj-featured1 #free-delivery .fd-rows {
    padding: 7px 0 0 !important;
    gap: 7px !important;
  }
  #mj-featured1 #free-delivery .fd-row {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }
  #mj-featured1 #free-delivery .fd-row-copy {
    font-size: 12px !important;
  }
  #mj-featured1 #free-delivery .fd-tag {
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    color: var(--mo-olive, #6b8f4e) !important;
  }
  #mj-featured1 #free-delivery .fd-tag strong {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }
  /* Mobilni header: 1. red = logo + račun/košarica; 2. red = izbornik + pretraga (puna širina) */
  #mj-header.mj-header,
  #mj-header {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
    align-content: center !important;
    gap: 8px 10px !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
  }
  #mj-header .mj-header-brand {
    flex: 0 0 auto !important;
    justify-self: auto !important;
    align-self: center !important;
    max-width: min(128px, 38vw) !important;
    min-width: 0 !important;
  }
  #mj-header .mj-header-brand a {
    display: flex !important;
    align-items: center !important;
    line-height: 0 !important;
  }
  #mj-header .mj-header-brand img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 34px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
  }
  #mj-header .mj-header-search-menu-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    flex: 1 1 100% !important;
    flex-basis: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  #mj-header .mj-header-search-inner {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    order: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  #mj-header .mj-mainnav-toggle-in-header {
    order: -1 !important;
    flex: 0 0 auto !important;
    justify-self: auto !important;
    align-self: center !important;
    width: auto !important;
    max-width: none !important;
  }
  #mj-header .mj-header-actions {
    flex: 0 0 auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    margin-left: auto !important;
    justify-self: auto !important;
    align-self: center !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 4px 6px !important;
    max-width: 100% !important;
  }
  #mj-header .mj-header-account-links {
    flex-wrap: wrap !important;
    gap: 5px 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    justify-content: flex-end !important;
  }
  /* Na mob/tabletu: kompaktno srce (tekst „Lista želja” ostaje za čitače zaslona) */
  #mj-header a.mj-header-wishlist-link {
    min-width: 44px !important;
    padding: 0 8px !important;
  }
  #mj-header .mj-header-wishlist-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  #mj-header .mj-header-wishlist-icon {
    font-size: 1.1rem !important;
    margin: 0 !important;
  }
  #mj-header .mj-header-actions .mj-header-login {
    padding: 0 10px !important;
    font-size: 12px !important;
    min-height: 44px !important;
    height: auto !important;
    max-height: none !important;
    min-width: 44px !important;
    box-sizing: border-box !important;
  }
  #mj-header .mj-header-actions > a.mj-header-cart-link.mj-header-cart-block {
    min-height: 44px !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  #mj-header .mj-header-actions > a.mj-header-cart-link.mj-header-cart-block .mj-header-cart-icon-wrap {
    width: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
  }
  #mj-header .mj-header-actions > a.mj-header-cart-link.mj-header-cart-block .mj-header-cart-icon {
    font-size: 1.2rem !important;
  }
  /*
   * Mobilna pretraga: pill 44px, font 14px, ikona lupe 34px (layout reda ne dirati).
   */
  #mj-header .mj-header-search-field {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 22px !important;
    border-width: 1.5px !important;
    align-items: stretch !important;
  }
  #mj-header .mj-header-search-input {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    padding: 0 10px !important;
    font-size: 16px !important;
    text-align: center !important;
    line-height: 44px !important;
  }
  #mj-header .mj-header-search-input::placeholder {
    text-align: center !important;
    font-size: 16px !important;
  }
  #mj-header .mj-header-search-input::-webkit-input-placeholder {
    text-align: center !important;
    font-size: 16px !important;
  }
  #mj-header .mj-header-search-input:-ms-input-placeholder {
    text-align: center !important;
    font-size: 16px !important;
  }
  #mj-header .mj-header-search-submit {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
    align-self: stretch !important;
  }
  #mj-header .mj-header-search-submit .mj-header-search-icon {
    width: 22px !important;
    height: 22px !important;
  }
  /* Pretraga + napredni gumb — smanjivanje horizontalnog prefila na uskim širinama */
  #mj-header .mj-header-search-inner .ls-search-wrap {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Napredno: dodirna zona; na uskom ekranu (~640px) krug 44× dolazi iz donjeg @media */
  #mj-header a.mo-adv-search-toggle,
  #mj-header .mo-adv-search-toggle {
    min-height: 44px !important;
    min-width: 44px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #mj-header .mo-adv-search-toggle .mo-adv-icon {
    font-size: 18px !important;
    transform: scale(1.22) !important;
    transform-origin: center center !important;
  }
  #mj-contentarea input.mo-adv-search-keywords {
    font-size: 15px !important;
    padding: 11px 16px !important;
    max-width: 100% !important;
  }
  #mj-header .mj-category-menu-label {
    display: none !important;
  }
  #mj-header .mj-hamburger-visual {
    display: block !important;
    width: 24px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
  }
  #mj-header .mj-hamburger-visual::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 2px !important;
    background: var(--mo-nav-ink) !important;
    border-radius: 2px !important;
    box-shadow: 0 -7px 0 var(--mo-nav-ink), 0 7px 0 var(--mo-nav-ink) !important;
  }

  /* seopage-style / template: remove phantom top gap (cart, checkout, CMS pages) */
  div#mj-contentarea,
  #mj-contentarea {
    margin-top: 0 !important;
  }
  body.homepage #mj-container #mj-featured1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.homepage #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea {
    padding-top: 0 !important;
    /* Lista na mob/tabletu: zrak uz rub (+ safe-area) */
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }
  /* Dva stupca liste: malo širi razmak među karticama */
  body.homepage #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.spectype #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid {
    gap: 10px !important;
    padding: 2px 0 10px !important;
    box-sizing: border-box !important;
  }
  /* „Dodaj u košaricu“ — ~44 px dodira (nadjačaj globalni CTA ~42 px) na početnici i spectype listingima */
  body.homepage #mj-container #mj-maincontent #mj-contentarea .cp-addtocart .btn-cart,
  body.homepage #mj-container #mj-maincontent #mj-contentarea a.btn-cart,
  body.homepage #mj-container #mj-maincontent #mj-contentarea .cart_button input[type='submit'],
  body.homepage #mj-container #mj-maincontent #mj-contentarea input[name='btn_add_cart'],
  body.spectype #mj-container #mj-maincontent #mj-contentarea .cp-addtocart .btn-cart,
  body.spectype #mj-container #mj-maincontent #mj-contentarea a.btn-cart,
  body.spectype #mj-container #mj-maincontent #mj-contentarea .cart_button input[type='submit'],
  body.spectype #mj-container #mj-maincontent #mj-contentarea input[name='btn_add_cart'] {
    min-height: 44px !important;
    min-width: 44px !important;
    box-sizing: border-box !important;
  }
  #mj-container #mj-maincontent #mj-contentarea section.mo-home-bs,
  #mj-container #mj-featured1 section.mo-home-bs {
    margin-top: 12px !important;
    margin-bottom: 22px !important;
    padding-top: 2px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
  body.homepage .mo-home-bs__head,
  body.spectype #mj-container .mo-home-bs__head {
    margin-bottom: 10px !important;
    padding: 8px 12px 4px !important;
    text-align: center !important;
  }
  .mj-productinfo {
    margin-top: 0 !important;
  }
  #checkoutConfirmation {
    margin-top: 0 !important;
  }
  #mj-container #mj-featured1,
  #mj-container .flexslider,
  .flexslider {
    margin-top: 0 !important;
  }
  #mj-container #mj-header,
  #mj-header {
    top: auto !important;
    height: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-container #mj-header #mj-logo {
    top: auto !important;
    left: auto !important;
  }
  #mj-logo {
    margin-top: 8px !important;
  }
  /*
   * Kategorijska traka (Slick): bez širenja izvan viewporta (~400px + body overflow-x hidden).
   * seopage-style.css koristi globalno .slick-next { right:-13px } — držimo strelice unutar kutije.
   */
  #mj-container #mj-featured1,
  #mj-container #mj-featured1 > .mj-subcontainer {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  #mj-container #mo-spec-nav-bar {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: visible !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
  }
  /*
   * Kategorijska traka (mobil): lagana zelena pozadina + razmak od liste ispod.
   * Slick .slick-list inače ostaje bijel — traka izgleda „prazno”.
   */
  #mj-contentarea #mo-spec-nav-bar {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #mj-container #mo-spec-nav-bar .horizontalslide,
  #mj-contentarea #mo-spec-nav-bar .horizontalslide,
  #mj-container .horizontalslide,
  #mj-container .horizontalslide.slick-initialized,
  #mj-contentarea #mo-spec-nav-bar .horizontalslide.slick-initialized {
    background: var(--mo-accent-tab) !important;
    background-color: var(--mo-accent-tab) !important;
    border-top: 1px solid var(--mo-accent-tab-border) !important;
    border-bottom: 2px solid var(--mo-accent-tab-border) !important;
  }
  #mj-container .horizontalslide.slick-initialized .slick-list,
  #mj-container .horizontalslide.slick-initialized .slick-track,
  #mj-contentarea #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-list,
  #mj-contentarea #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-track {
    background: var(--mo-accent-tab) !important;
    background-color: var(--mo-accent-tab) !important;
  }
  #mj-container .horizontalslide.slick-initialized {
    display: block !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 6px clamp(6px, 2.75vw, 28px) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  #mj-contentarea #mo-spec-nav-bar .horizontalslide,
  #mj-contentarea #mo-spec-nav-bar .horizontalslide.slick-initialized {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  #mj-container .horizontalslide .slick-prev {
    left: max(4px, calc(env(safe-area-inset-left, 0px) + 2px)) !important;
    right: auto !important;
    z-index: 95 !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  #mj-container .horizontalslide .slick-next {
    right: max(4px, calc(env(safe-area-inset-right, 0px) + 2px)) !important;
    left: auto !important;
    z-index: 95 !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  /* Mobil: bijeli gumbi + tamni chevron na svim .horizontalslide (spectype traka u #mj-contentarea). */
  #mj-container .horizontalslide .slick-arrow,
  #mj-container .horizontalslide button.slick-arrow,
  #mj-container .horizontalslide button.slick-prev,
  #mj-container .horizontalslide button.slick-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(52, 74, 36, 0.2) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 1) inset,
      0 2px 6px rgba(44, 58, 32, 0.14) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    position: absolute !important;
    border-radius: 999px !important;
  }
  #mj-container .horizontalslide .slick-arrow:hover,
  #mj-container .horizontalslide button.slick-arrow:hover {
    background-color: #f5f7f2 !important;
    border-color: rgba(52, 74, 36, 0.32) !important;
    box-shadow: 0 2px 8px rgba(44, 58, 32, 0.16) !important;
  }
  /*
   * Chevron na ::before (border-hack) na iOS/Safari + Slick font često „prazan“ krug.
   * SVG pozadina na gumbu — pouzdano na spectype traci nakon prijave (#mj-contentarea).
   */
  #mj-container .horizontalslide .slick-prev,
  #mj-container .horizontalslide button.slick-prev {
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a3a22' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 7l-5 5 5 5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 16px 16px !important;
  }
  #mj-container .horizontalslide .slick-next,
  #mj-container .horizontalslide button.slick-next {
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a3a22' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7l5 5-5 5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 16px 16px !important;
  }
  #mj-container .horizontalslide .slick-prev:hover,
  #mj-container .horizontalslide button.slick-prev:hover,
  #mj-container .horizontalslide .slick-next:hover,
  #mj-container .horizontalslide button.slick-next:hover {
    background-color: #f5f7f2 !important;
  }
  #mj-container .horizontalslide .slick-prev::before,
  #mj-container .horizontalslide .slick-prev:before,
  #mj-container .horizontalslide .slick-next::before,
  #mj-container .horizontalslide .slick-next:before {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    background: none !important;
    transform: none !important;
  }
  body.spectype #mj-container #mo-spec-nav-bar,
  body.spectype #mj-container #mj-contentarea #mo-spec-nav-bar,
  body.homepage #mj-container #mo-spec-nav-bar {
    overflow: visible !important;
    position: relative !important;
    z-index: 30 !important;
  }
  body.spectype #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized,
  body.spectype #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized .slick-slider {
    overflow: visible !important;
  }
  #mj-container .horizontalslide button.slick-arrow::after {
    content: none !important;
    display: none !important;
  }
  .horizontalslide:not(.slick-initialized) {
    margin: 8px 0 !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  body.homepage #mj-container .horizontalslide.slick-initialized {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  body.homepage #mj-container .horizontalslide:not(.slick-initialized) {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /*
   * Globalni .horizontalslide { padding: 0 40px } — na mobitelu + Slick track širi izgled „izvan” ekrana.
   * Smanji horizontalni padding i drži Slick omotač u širini #mj-container.
   */
  .horizontalslide {
    padding-left: clamp(4px, 2.5vw, 16px) !important;
    padding-right: clamp(4px, 2.5vw, 16px) !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #mj-container .horizontalslide.slick-initialized {
    overflow-x: visible !important;
  }
  /* Kategorijska traka: bijela podloga na mobitelu (početnica + spectype iznad liste) */
  #mj-container #mo-spec-nav-bar .horizontalslide,
  #mj-container #mo-spec-nav-bar .horizontalslide.slick-initialized,
  #mj-container #mj-featured1 .horizontalslide,
  #mj-container #mj-featured1 .horizontalslide.slick-initialized {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(52, 62, 44, 0.12) !important;
  }
  #mj-container #mo-spec-nav-bar .horizontalslide .slick-slider,
  #mj-container #mo-spec-nav-bar .horizontalslide .slick-list,
  #mj-container #mj-featured1 .horizontalslide .slick-slider,
  #mj-container #mj-featured1 .horizontalslide .slick-list {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
  #mj-container .horizontalslide .slick-slider,
  #mj-container .horizontalslide .slick-list {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /*
   * Padajući #jsn-pos-mainnav mijenja layout — adaptiveHeight/smoothHeight su izduživali traku i hero.
   * Fiksna visina po sadržaju kartice, ne po viewportu nakon otvaranja izbornika.
   */
  #mj-slideshow .flexslider .slides,
  #mj-slideshow .flexslider .slides > li,
  #mj-slideshow .flex-viewport {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  #mj-container .horizontalslide.slick-initialized .slick-list,
  #mj-container .horizontalslide.slick-initialized .slick-track,
  #mj-container .horizontalslide.slick-initialized .slick-slide,
  #mj-container .horizontalslide.slick-initialized .slick-slide > div {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  /* Subslider (.horizontalslide): liste moraju primiti horizontalni drag (Slick) */
  #mj-container .horizontalslide .slick-list {
    overflow: hidden !important;
    max-height: none !important;
    min-height: 48px !important;
    /* Gutter za Slick strelice (~24px krug + rub) */
    padding-left: 40px !important;
    padding-right: 40px !important;
    touch-action: pan-x pinch-zoom !important;
    -ms-touch-action: pan-x pinch-zoom !important;
  }
  /* Više zraka za tekst (BRANDOVI …) — manje preklapanja s bijelim gumbima */
  #mj-container #mo-spec-nav-bar .horizontalslide .slick-list,
  #mj-container #mj-featured1 .horizontalslide .slick-list {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  /*
   * Bez max-width na tracku — Slick postavlja track na zbroj širina slajdova (variableWidth + swipe).
   * max-width:100% ga reže na širinu viewporta → trag se vizualno ne pomiće.
   */
  #mj-container .horizontalslide .slick-track {
    touch-action: pan-x pinch-zoom !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  #mj-container .horizontalslide .slick-slide {
    touch-action: pan-x pinch-zoom !important;
  }
  #mj-container .horizontalslide .slick-slide a {
    touch-action: pan-x pinch-zoom !important;
    position: relative !important;
    z-index: 1 !important;
  }
  #mj-container #mj-featured1 .horizontalslide .slick-slide,
  #mj-container #mj-featured1 .horizontalslide .slick-slide > div {
    height: auto !important;
    min-height: 0 !important;
  }
  #mj-menubar .navigation-section,
  #mj-container #mj-righttop .navigation-section {
    width: 100% !important;
    padding: 8px 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #mj-container,
  #mj-maincontent {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    float: none !important;
    display: block !important;
    clear: both !important;
  }

  /* Omotač glavnog sadržaja — bez float-a; NE diraj tri-stupac (ima #mj-left + #mj-right) */
  #mj-maincontent > .mj-subcontainer:not(:has(> #mj-left)):not(:has(> #mj-right)),
  body:not(.c-path):not(.spectype):not(.homepage):not(.advanced_search_result) #mj-maincontent > .mj-subcontainer {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    float: none !important;
    display: block !important;
  }

  /* Header: never fixed / stuck under cookie bar */
  #mj-topbar { position: relative !important; top: auto !important; }
  #mj-header,
  #mj-container #mj-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-container #mj-header #mj-logo,
  #mj-header #mj-logo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 8px 0 0 !important;
  }
  #mj-logo img {
    left: auto !important;
    top: auto !important;
    height: auto !important;
    max-height: 48px !important;
  }
  #mj-header .search,
  #mj-header .seopage-header-search-bar,
  #mj-header .seopage-header-search-bar form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .punchline-2 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  /* Cookie banner: gornji = fixed uz vrh; donji (.bottom) = fixed dolje */
  #cookie-bar.fixed:not(.bottom) {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    z-index: 2147483646 !important;
  }
  #cookie-bar.fixed.bottom {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    z-index: 2147483646 !important;
    top: auto !important;
    bottom: 0 !important;
  }
  #cookie-bar .mo-cookie-bar__inner {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 12px max(14px, env(safe-area-inset-right)) 12px max(14px, env(safe-area-inset-left)) !important;
  }
  #cookie-bar.fixed:not(.bottom) .mo-cookie-bar__inner {
    padding-top: max(12px, env(safe-area-inset-top, 0px)) !important;
  }
  #cookie-bar.fixed.bottom .mo-cookie-bar__inner {
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }
  #cookie-bar .mo-cookie-bar__msg {
    flex: 1 1 auto !important;
    font-size: 13px !important;
    line-height: 1.48 !important;
  }
  #cookie-bar .mo-cookie-bar__msg,
  #cookie-bar p {
    font-size: 13px !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }
  #cookie-bar .mo-cookie-bar__actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    justify-content: stretch !important;
  }
  #cookie-bar .cb-enable,
  #cookie-bar .cb-disable,
  #cookie-bar .cb-policy {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    text-align: center !important;
  }

  /* Slider hero: držimo širinu u viewportu — strelice unutar #mj-slideshow (body overflow-x:hidden inače reže rub) */
  body.homepage #mj-slideshow {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
  #mj-slideshow {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    line-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  /* Flexslider JS često postavi .flex-viewport na preveliku visinu → prazan bijeli blok iznad slajda */
  #mj-slideshow .flex-viewport {
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
  }
  /* #mj-righttop: nema praznog bloka iznad slidera (izbornik je overlay) */
  body.homepage #mj-righttop,
  #mj-righttop {
    margin: 0 !important;
    padding: 0 !important;
  }
  body.homepage #mj-container #mj-righttop > .mj-subcontainer,
  #mj-container #mj-righttop > .mj-subcontainer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.homepage #mj-container #mj-righttop .jsn-mainnav-inner.navbar-inner,
  #mj-container #mj-righttop .jsn-mainnav-inner.navbar-inner {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.homepage #mj-container #mj-righttop .jsn-mainnav-inner .container.clearfix,
  #mj-container #mj-righttop .jsn-mainnav-inner .container.clearfix {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.homepage #mj-slideshow .flexslider {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-slideshow .flexslider {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
  }
  body.homepage #mj-slideshow .flex-viewport {
    overflow: hidden !important;
  }
  #mj-slideshow .slides,
  #mj-slideshow .flexslider .slides {
    width: 100% !important;
  }
  #mj-slideshow .flexslider .slides > li {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }
  #mj-slideshow img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: cover !important;
    min-height: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  /*
   * Overlay ul mora ostati pointer-events:none da sredinom hera još radi tap na slide link;
   * samo gumbe prev/next aktiviraju (Safari nekada ne prosljeđuje ako je sve none — dovoljno je a:auto).
   */
  body.homepage #mj-slideshow .flex-direction-nav,
  body.homepage #mj-slideshow .flex-direction-nav li {
    pointer-events: none !important;
  }
  body.homepage #mj-slideshow .flex-direction-nav a {
    pointer-events: auto !important;
  }
  /* Ne vraćaj transparent pozadinu — gazi desktop kapsulu strelica (#mj-slideshow .flex-direction-nav a) */
  #mj-slideshow .flex-direction-nav a {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 1px 6px rgba(44, 58, 32, 0.1), 0 1px 0 rgba(255, 255, 255, 0.85) inset !important;
  }
  #mj-slideshow .flex-direction-nav .flex-prev::before {
    width: 8px !important;
    height: 8px !important;
    border-left: 2px solid var(--mo-sage-dark) !important;
    border-bottom: 2px solid var(--mo-sage-dark) !important;
    margin-left: 2px !important;
  }
  #mj-slideshow .flex-direction-nav .flex-next::before {
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid var(--mo-sage-dark) !important;
    border-bottom: 2px solid var(--mo-sage-dark) !important;
    margin-right: 2px !important;
  }
  #mj-container #mj-slideshow {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  #mj-container #mj-slideshow .flex-direction-nav .flex-prev {
    left: max(6px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
  }
  #mj-container #mj-slideshow .flex-direction-nav .flex-next {
    right: max(6px, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
  }

  /*
   * Mobilni izbornik: overlay preko slidera/sadržaja (ne gura layout dolje).
   * Gumb ostaje u #mj-header; #mj-righttop je nulte visine u toku dokumenta.
   */
  #mj-righttop,
  #mj-menubar {
    position: relative !important;
    top: auto !important;
  }
  #mj-righttop {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
    z-index: 1200 !important;
  }
  #mj-container #mj-righttop > .mj-subcontainer,
  #mj-righttop .jsn-mainnav-inner.navbar-inner,
  #mj-righttop .jsn-mainnav-inner .container,
  #mj-righttop .jsn-mainnav-inner .container.clearfix {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  #mj-righttop .jsn-mainnav-inner .container {
    text-align: left !important;
  }
  /* Rub ispod headera — vidljiv na bijeloj podlozi */
  #mj-header {
    border-bottom: 1px solid var(--mo-line) !important;
  }
  #mj-header .mj-mainnav-toggle-in-header {
    flex-shrink: 0 !important;
    width: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }
  /* Kompaktan gumb izbornika u istom redu kao logo/košarica */
  #mj-header .mj-mainnav-toggle-in-header #btn.btn-navbar,
  #mj-header .mj-mainnav-toggle-in-header .btn-navbar {
    position: relative !important;
    top: auto !important;
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: var(--mo-nav-ink) !important;
    text-shadow: none !important;
    -webkit-text-fill-color: var(--mo-nav-ink) !important;
    text-transform: none !important;
    background-color: var(--mo-nav-bg) !important;
    background-image: none !important;
    border: 1px solid var(--mo-nav-border) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  #mj-header .mj-mainnav-toggle-in-header #btn.btn-navbar::before,
  #mj-header .mj-mainnav-toggle-in-header .btn-navbar::before {
    display: none !important;
    content: none !important;
  }
  #mj-header .mj-mainnav-toggle-in-header #btn.btn-navbar:hover,
  #mj-header .mj-mainnav-toggle-in-header #btn.btn-navbar:focus-visible,
  #mj-header .mj-mainnav-toggle-in-header .btn-navbar:hover,
  #mj-header .mj-mainnav-toggle-in-header .btn-navbar:focus-visible {
    background-color: var(--mo-nav-bg-hover) !important;
  }
  .navbar ul.nav {
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  #jsn-pos-mainnav {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: #ffffff !important;
    border: none !important;
    text-align: left !important;
    z-index: 1201 !important;
    box-sizing: border-box !important;
  }
  #jsn-pos-mainnav .navigation-section {
    background: #ffffff !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #jsn-pos-mainnav.nav-collapse.collapse:not(.in) {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  #jsn-pos-mainnav.nav-collapse.collapse.in {
    height: auto !important;
    max-height: min(72vh, calc(100dvh - 88px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    background: #ffffff !important;
    border: 1px solid var(--mo-line) !important;
    border-top: none !important;
    border-bottom: 1px solid var(--mo-line) !important;
    box-shadow: 0 10px 28px rgba(52, 74, 36, 0.2) !important;
    box-sizing: border-box !important;
  }
  /* Slideri i sadržaj ostaju na mjestu ispod headera */
  #mj-slideshow,
  #mj-featured1,
  #mj-featured2,
  #mj-featured3,
  #mj-featured4,
  #mj-maincontent,
  #mo-spec-nav-bar {
    position: relative !important;
    z-index: 1 !important;
  }
  #jsn-pos-mainnav.nav-collapse a,
  #jsn-pos-mainnav.nav-collapse.collapse a {
    color: var(--mo-body-text) !important;
    -webkit-text-fill-color: var(--mo-body-text) !important;
  }
  #jsn-pos-mainnav .nav > li {
    border-bottom: 1px solid rgba(118, 126, 98, 0.38) !important;
    background: transparent !important;
    text-align: left !important;
  }
  #jsn-pos-mainnav .nav > li > a,
  #jsn-pos-mainnav .nav > li > div > a {
    color: var(--mo-body-text) !important;
    background: transparent !important;
    text-shadow: none !important;
    text-align: left !important;
    justify-content: flex-start !important;
    padding: 13px 16px !important;
    min-height: 48px !important;
    font-size: 14px !important;
    text-transform: none !important;
  }
  .jsn-mainnav.navbar .nav-collapse .nav > li:hover,
  #jsn-pos-mainnav .nav > li:hover {
    background: #e5ead8 !important;
  }
  #jsn-pos-mainnav .nav > li:hover > a,
  #jsn-pos-mainnav .nav > li:hover > div > a {
    color: var(--mo-banner-heading) !important;
  }
  #mj-righttop #jsn-pos-mainnav .arrow.right,
  #jsn-pos-mainnav .arrow,
  #jsn-pos-mainnav .nav > li .arrow {
    border-color: #344a24 !important;
    opacity: 1 !important;
  }
  #mj-container #jsn-pos-mainnav.nav-collapse .nav-child,
  #mj-container #jsn-pos-mainnav.nav-collapse.in .nav-child,
  #jsn-pos-mainnav.nav-collapse .nav-child,
  #jsn-pos-mainnav.nav-collapse.in .nav-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: #f3f7ec !important;
    border: none !important;
    border-top: 1px solid rgba(118, 126, 98, 0.28) !important;
    box-shadow: none !important;
    z-index: auto !important;
  }
  #jsn-pos-mainnav.nav-collapse .nav-child li,
  #jsn-pos-mainnav.nav-collapse.in .nav-child li {
    float: none !important;
    width: 100% !important;
    display: block !important;
    clear: both !important;
  }
  #jsn-pos-mainnav .nav-collapse .nav-child li {
    background: transparent !important;
  }
  #jsn-pos-mainnav .nav-collapse .nav-child li a {
    color: var(--mo-body-text) !important;
    background: transparent !important;
    -webkit-text-fill-color: var(--mo-body-text) !important;
    text-shadow: none !important;
    text-align: left !important;
    padding: 11px 16px 11px 28px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
    line-height: 1.4 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    border-top: 1px solid rgba(118, 126, 98, 0.15) !important;
    border-radius: 0 !important;
  }
  #jsn-pos-mainnav.nav-collapse .nav-child li:first-child a {
    border-top: none !important;
  }
  #jsn-pos-mainnav .nav-collapse .nav-child li a:hover {
    background: var(--mo-nav-bg-hover) !important;
    color: var(--mo-banner-heading) !important;
    -webkit-text-fill-color: var(--mo-banner-heading) !important;
  }
  /* PROMO / KOZMETIKA: roditelj <li><div><a style=inline-block></a></div><ul> ostavljao prazninu udesno */
  #jsn-pos-mainnav.nav-collapse .nav > li > div,
  #jsn-pos-mainnav.nav-collapse.in .nav > li > div {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  #jsn-pos-mainnav.nav-collapse .nav > li > div > a,
  #jsn-pos-mainnav.nav-collapse.in .nav > li > div > a {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }
  /* Zatvoren podizbornik: template.css (max-width:979px) forsira ul.nav-child{display:block} */
  #jsn-pos-mainnav.nav-collapse ul.nav > li > ul.nav-child,
  #jsn-pos-mainnav.nav-collapse.in ul.nav > li > ul.nav-child {
    display: none !important;
  }
  #jsn-pos-mainnav.nav-collapse ul.nav > li.mo-nav-sub-open > ul.nav-child,
  #jsn-pos-mainnav.nav-collapse.in ul.nav > li.mo-nav-sub-open > ul.nav-child {
    display: block !important;
  }
  #jsn-pos-mainnav.nav-collapse .nav > li.mo-nav-sub-open > div > a > .mj-nav-parent-arrow,
  #jsn-pos-mainnav.nav-collapse .nav > li.mo-nav-sub-open > div > a > i.arrow,
  #jsn-pos-mainnav.nav-collapse.in .nav > li.mo-nav-sub-open > div > a > .mj-nav-parent-arrow,
  #jsn-pos-mainnav.nav-collapse.in .nav > li.mo-nav-sub-open > div > a > i.arrow {
    transform: rotate(-135deg) !important;
  }

  /* Product grid: 2 columns, equal card height */
  .products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 4px !important;
    box-sizing: border-box !important;
  }
  .centerBoxContentsNew.centeredContent {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }
  .centerBoxContentsNew.centeredContent .product_image:not(.product-card-image-new) {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
  }
  .centerBoxContentsNew .product_image:not(.product-card-image-new) img {
    max-height: 200px !important;
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
  }
  /* Badge popusta — mobitel */
  .centerBoxContentsNew .product_image .discount,
  .product_image .discount {
    top: 6px !important;
    left: 6px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
  }
  .centerBoxContentsNew .product_image .mj-card-image-badges .product-dermatolozi-badge {
    width: 32px !important;
    height: 32px !important;
  }
  .centerBoxContentsNew .product_image .mj-card-image-badges .product-dermatolozi-badge img {
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
  }
  svg.wishlistheart {
    position: absolute !important;
    top: 4px !important;
    right: 2px !important;
    bottom: auto !important;
    left: auto !important;
    width: 24px !important;
    height: 24px !important;
    z-index: 25 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
  }
  body.wishlist svg.wishlistheart {
    top: 4px !important;
    right: 2px !important;
  }
  /* JS wishlist srce isti kut kao svg.wishlistheart (nadjačava inline modern-scripts.js) */
  #mj-contentarea .imagename .product-card-image-new > button.mo-wishlist-btn,
  #mj-contentarea .imagename > .product-card-image-new button.mo-wishlist-btn {
    position: absolute !important;
    top: 4px !important;
    right: 2px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 25 !important;
  }

  /* Glavni stupac: poništi desktop hack (homepage/nohomepage: #mj-contentarea right:16.6%, #mj-right right:-65%) */
  body:not(.c-path):not(.spectype):not(.advanced_search_result):not(.homepage) #mj-contentarea,
  body:not(.c-path):not(.spectype):not(.advanced_search_result):not(.homepage) #mj-contentarea.mj-grid64,
  body:not(.c-path):not(.spectype):not(.advanced_search_result):not(.homepage) #mj-contentarea.mj-grid96,
  body:not(.c-path):not(.spectype):not(.advanced_search_result):not(.homepage) #mj-contentarea.mj-grid80 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body:not(.c-path):not(.spectype):not(.advanced_search_result):not(.homepage) #mj-maincontent #mj-left,
  body:not(.c-path):not(.spectype):not(.advanced_search_result):not(.homepage) #mj-maincontent #mj-right,
  body:not(.c-path):not(.spectype):not(.advanced_search_result):not(.homepage) #mj-left,
  body:not(.c-path):not(.spectype):not(.advanced_search_result):not(.homepage) #mj-right {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /*
   * Product page: seopage (320–425px) sets .contentText { display:flex; justify-content:flex-end; flex-direction:column }
   * which packs children to the bottom and leaves a large empty band above the gallery/title.
   */
  body.product-page .mj-productinfo .contentContainer .contentText,
  .mj-productinfo .contentContainer .contentText {
    display: block !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Stranica proizvoda: puni naziv (bez … u HTML/CSS), manji font za naziv i proizvođača */
  body.product-page .mj-product_inforight .product_title:first-child h3.mj-productdescname,
  body.product-page .mj-product_inforight .product_title:first-child h3,
  body.product-page .mj-product_inforight .product_title h3.mj-productdescname {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    margin-bottom: 0.35rem !important;
    margin-top: 0 !important;
    border-bottom: none !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    max-height: none !important;
    height: auto !important;
  }
  body.product-page .mj-product_inforight h2.mo-product-manufacturer {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--mo-card-title) !important;
    margin-top: 0 !important;
    margin-bottom: 0.25rem !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    max-height: none !important;
    height: auto !important;
  }
  body.product-page .mj-product_inforight h2.mo-product-manufacturer a {
    font-size: inherit !important;
    color: var(--mo-card-title) !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  body.product-page .mj-productinfo .mj-product_inforight .price_amount {
    font-size: 17px !important;
  }
  /* Sakrij tab navigaciju (OPIS gumb) na mobilnom — sadržaj ostaje vidljiv */
  .mj-productinfo .mj_prodinfo_tabcontent ul.tabs,
  .mj_prodinfo_tabcontent ul.tabs,
  .tabcontent ul.tabs {
    display: none !important;
  }
  body.product-page .mj-productinfo .current-product-price {
    font-size: 1.55rem !important;
    letter-spacing: -0.015em !important;
  }
  body.product-page .mj-productinfo .discount-price {
    font-size: 1.05rem !important;
    padding: 0.18em 0.5em !important;
  }
  body.product-page .mj-productinfo .text-line-through-single-product {
    font-size: var(--mo-text-sm) !important;
  }
  body.product-page .mj-productinfo .mj-product_inforight .product_price {
    padding: 12px 14px !important;
    margin: 10px 0 14px !important;
  }
  body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image {
    max-height: 128px !important;
    padding-bottom: 12px !important;
  }
  body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image > a {
    max-height: 102px !important;
  }
  body.product-page .single-page-related-product-card .centerBoxContentsNew .imagename > .product_image img {
    max-height: 96px !important;
  }
  body.product-page .single-page-related-product-card .prodprice a,
  body.product-page .single-page-related-product-card .prodprice font a {
    font-size: 1rem !important;
  }
  .mj-productinfo .mj_prodinfo_tabcontent #view1 b,
  .mj-productinfo .mj_prodinfo_tabcontent #view1 strong {
    font-size: 0.8125rem !important;
    letter-spacing: 0.055em !important;
    margin: 0.95em 0 0.35em 0 !important;
  }

  /* Product detail: gallery + left column must show (piGal / photoset) */
  #piGal,
  .mj-product_infoleft,
  .mj-productinfo #piGal,
  body.product-page td.productDetailImage {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  #piGal img,
  .photoset-row img,
  .mj-productinfo #piGal img,
  body.product-page td.productDetailImage img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .photoset-grid,
  .photoset-row,
  #piGal ul,
  #piGal li {
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* akcije.css: #piGal a { width:30%; height:100px } — breaks main image / thumbnails on phone */
  .mj-productinfo #piGal a,
  #piGal a,
  .mj-productinfo .photoset-grid a,
  .mj-productinfo .photoset-row a {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    margin: 0 0 10px 0 !important;
    overflow: visible !important;
  }
  .mj-productinfo #piGal a:last-child,
  #piGal > a:last-child {
    margin-bottom: 0 !important;
  }

  /* Lead copy above gallery — manji font (uz bijelu #piGal karticu) */
  .mj-productinfo .mj-product-gallery-lead,
  .mj-product_infoleft .mj-product-gallery-lead {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.55;
    font-weight: 400;
    color: var(--mo-body-text);
    margin: 0 auto 1rem;
    padding: 0 0.35rem;
    letter-spacing: 0.012em;
  }
  .mj-productinfo .mj-product-gallery-lead p,
  .mj-product_infoleft .mj-product-gallery-lead p {
    margin: 0 0 0.65em;
    font-size: inherit !important;
    line-height: inherit !important;
  }
  .mj-productinfo .mj-product-gallery-lead p:last-child,
  .mj-product_infoleft .mj-product-gallery-lead p:last-child {
    margin-bottom: 0;
  }
  @media (min-width: 768px) {
    .mj-productinfo .mj-product-gallery-lead,
    .mj-product_infoleft .mj-product-gallery-lead {
      font-size: 0.9375rem;
      line-height: 1.6;
      margin-bottom: 1.15rem;
      max-width: 38rem;
    }
  }

  /* Colour / variant thumbnails rendered as <a> after #piGal inside .mj-product_infoleft */
  .mj-product_infoleft {
    display: flow-root !important;
  }
  .mj-product_infoleft > a[href*='products_id'] {
    display: inline-block !important;
    float: none !important;
    margin: 6px !important;
    vertical-align: middle !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 8px !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: calc(33.333% - 12px) !important;
    height: auto !important;
    text-align: center !important;
  }
  .mj-product_infoleft > a[href*='products_id'] img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 72px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  /* Manufacturer / loyalty discount tiles (info box grid) */
  .mj-productinfo .ui-widget.infoBoxContainer tr {
    display: block !important;
    width: 100% !important;
  }
  .mj-productinfo .ui-widget.infoBoxContainer tr td {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 !important;
    box-sizing: border-box !important;
  }

  body.product-page table.productDetails,
  table.productDetails {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
  }
  body.product-page td.productDetailInfo {
    display: block !important;
    width: 100% !important;
    padding: 12px 0 0 0 !important;
  }
  .mj-productinfo .mj_prodinfo_tabcontent ul.tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    list-style: none !important;
  }
  .mj-productinfo .mj_prodinfo_tabcontent ul.tabs li {
    float: none !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  .mj-productinfo .mj_prodinfo_tabcontent ul.tabs li a,
  .mj-productinfo .mj_prodinfo_tabcontent ul.tabs li.selected a {
    display: block !important;
    padding: 8px 10px !important;
    font-size: 11px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .mj-productinfo .mj_prodinfo_tabcontent div.tabcontents {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
  }

  /* Paginacija — jedan red: „Prikazano 1–24 …” lijevo, brojke stranica desno */
  .mj-pagination-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
    padding: 4px 8px !important;
    margin: 6px 0 !important;
  }
  .mj-pagination-row > span:last-child {
    order: -1 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  .mj-pagination-outer,
  #mj-contentarea .mj-pagination-outer,
  .pagination_container .mj-pagination-outer {
    float: none !important;
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 58% !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .mj-pagination-outer .mj-pagination,
  #mj-contentarea .mj-pagination-outer .mj-pagination,
  .pagination_container .mj-pagination-outer .mj-pagination {
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  #mj-contentarea p[style*="float: right"]:has(.mj-pagination) {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .select_order_type {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 12px 0 !important;
    text-align: center !important;
  }
  .select_order_type select {
    max-width: 100% !important;
    width: min(100%, 360px) !important;
    box-sizing: border-box !important;
    margin: 6px auto 0 !important;
    display: block !important;
  }

  #mj-contentarea .pagination_container,
  #productlisting .pagination_container {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
    padding: 4px 8px 10px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px 10px !important;
  }
  #mj-contentarea .pagination_container > span:last-child,
  #productlisting .pagination_container > span:last-child {
    order: -1 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  #productlisting > div:first-of-type {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 0 8px !important;
  }
  /* Ne širi .mj-pagination-outer na cijelu širinu — inače „Prikazano …” i brojevi padnu u dva reda */
  #productlisting > div:first-of-type > span[style*="float"]:not(.mj-pagination-outer),
  #productlisting .pager,
  .pagination_container .pager,
  .pagination_container > span[style*="float"]:not(.mj-pagination-outer) {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
  }
  #productlisting > div:first-of-type .mj-pagination-outer,
  .pagination_container .mj-pagination-outer {
    display: flex !important;
    width: auto !important;
    max-width: 58% !important;
    text-align: right !important;
  }
  .mj-pagination {
    float: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    align-content: center !important;
    gap: 0 1px !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 0 4px !important;
    margin: 0 !important;
    text-align: right !important;
    box-sizing: border-box !important;
    clear: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
  }
  .mj-pagination span {
    float: none !important;
    display: contents !important;
    width: auto !important;
  }
  .mj-pagination strong {
    background: transparent !important;
    color: var(--mo-olive) !important;
    border-radius: 0 !important;
    padding: 2px 5px 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    flex: 0 0 auto !important;
    border: none !important;
    min-width: 0 !important;
    box-shadow: inset 0 -2px 0 0 var(--mo-olive) !important;
  }
  #mj-contentarea a.pageResults,
  .mj-pagination a.pageResults {
    padding: 4px 7px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    word-break: normal !important;
    overflow: visible !important;
    text-align: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    width: auto !important;
  }
  /* Poništava desktop pravilo s 2 ID-a (#mj-container #mj-maincontent .mj-pagination a.pageResults)
     koje ima veću specifičnost i stavlja sage-light pozadinu na mobilnom */
  #mj-container #mj-maincontent .mj-pagination a.pageResults,
  #mj-container #mj-maincontent a.pageResults {
    background: transparent !important;
    border: none !important;
    padding: 4px 7px !important;
  }
  /* Mobilna paginacija: prev/next samo ‹ › */
  .mj-pagination a.pageResults-nav-prev,
  .mj-pagination a.pageResults-nav-next {
    position: relative !important;
    min-width: auto !important;
    max-width: none !important;
    padding: 2px 10px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
  }
  .mj-pagination a.pageResults-nav-prev u,
  .mj-pagination a.pageResults-nav-next u {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    opacity: 0 !important;
  }
  .mj-pagination a.pageResults-nav-prev::before {
    content: '\2039' !important;
    display: block !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: var(--mo-body-text) !important;
    font-weight: 700 !important;
    text-align: center !important;
  }
  .mj-pagination a.pageResults-nav-next::before {
    content: '\203A' !important;
    display: block !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: var(--mo-body-text) !important;
    font-weight: 700 !important;
    text-align: center !important;
  }
  /* Brojevi i "..." — ista minimalna stilizacija kao gore */
  #mj-contentarea .mj-pagination a.pageResults:not(.pageResults-nav-prev):not(.pageResults-nav-next),
  #productlisting .mj-pagination a.pageResults:not(.pageResults-nav-prev):not(.pageResults-nav-next),
  .pagination_container .mj-pagination a.pageResults:not(.pageResults-nav-prev):not(.pageResults-nav-next) {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 4px 7px !important;
    font-size: 13px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
  }

  /* Cart */
  .shopping-cart { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .shopping-cart table { width: 100% !important; max-width: 100% !important; }
  .shopping-cart td { font-size: 11px !important; padding: 8px 6px !important; word-break: break-word !important; }
  .shopping-cart .tableHeading td {
    background: var(--mo-page-bg) !important;
    font-weight: 600 !important;
  }
  .buttonRow { text-align: center !important; margin: 12px 0 !important; }
  .buttonRow input[type=submit] {
    margin: 4px !important;
    min-width: 140px !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .my-cart-content,
  #mj-shoppingcart .my-cart-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding: 14px clamp(10px, 2.5vw, 14px) !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product-image-qty-price,
  #mj-shoppingcart .product-image-qty-price {
    display: grid !important;
    grid-template-columns: minmax(96px, 30vw) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product-quantity-price,
  #mj-shoppingcart .product-quantity-price {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }
  #mj-shoppingcart .product-quantity-price {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .product_info_image {
    max-width: 100% !important;
  }
  .product_info_image img {
    width: 100% !important;
    max-width: 140px !important;
    height: auto !important;
  }
  .cart-item-payment-details-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .cart-item-payment-details-container p {
    margin: 0 !important;
  }
  .shopping-cart-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  /* Količina (select): kompaktan okvir oko broja — manje praznine ispod/iznad (mobilno) */
  #mj-shoppingcart .shopping-cart-card select.cart-product-quantity {
    width: auto !important;
    max-width: 5rem !important;
    min-width: 3.25rem !important;
    padding: 2px 18px 2px 6px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }
  body.product-page #mj-container select#cart_quantity,
  body.product-page #mj-contentarea select#cart_quantity {
    min-width: 3.25rem !important;
    max-width: 5rem !important;
    width: auto !important;
    padding: 2px 18px 2px 6px !important;
    margin-left: 6px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }
  .buttonSet {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin: 12px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Moja lozinka: jedan red (Odustani | Nastavi); row-reverse jer u DOM-u je Nastavi prije Odustani */
  #mj-container #account_password .review_box .content_box .buttonSet {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 14px 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  #mj-container #account_password .buttonSet > .buttonAction,
  #mj-container #account_password .buttonSet > .link_button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  #mj-container #account_password .buttonSet .ui-button,
  #mj-container #account_password .buttonSet a.ui-button,
  #mj-container #account_password .buttonSet button.ui-button {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Uređivanje računa (#account_edit) — mobil / tablet ≤979px */
  #mj-container #mj-maincontent #mj-contentarea #account_edit.contentContainer {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 16px max(14px, env(safe-area-inset-left, 0px)) 20px max(14px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  #mj-container #mj-maincontent #mj-contentarea #account_edit > h1 {
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--mo-banner-heading) !important;
    -webkit-text-fill-color: var(--mo-banner-heading) !important;
    margin: 0 0 12px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid var(--mo-line) !important;
    line-height: 1.3 !important;
  }
  #mj-container #mj-maincontent #mj-contentarea #account_edit > h1 h2 {
    display: block !important;
    margin: 10px 0 0 0 !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.45 !important;
    color: var(--mo-sage-dark) !important;
    -webkit-text-fill-color: var(--mo-sage-dark) !important;
    background: var(--mo-surface-soft) !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }
  body.site-form-flow #account_edit .review_box {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-top: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.site-form-flow #account_edit .review_box .content_box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #account_edit .review_box .content_box > div:first-child {
    display: flow-root !important;
    margin-bottom: 12px !important;
  }
  #account_edit .review_box .content_box .inputRequirement {
    float: right !important;
    font-size: 11px !important;
    color: #b42318 !important;
    margin: 0 !important;
    line-height: 1.35 !important;
  }
  #account_edit .review_box .content_box span.title {
    display: block !important;
    float: none !important;
    clear: both !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
    border-bottom: 2px solid var(--mo-sage-medium) !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 14px 0 !important;
    line-height: 1.35 !important;
  }
  #account_edit .contentText {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: visible !important;
  }
  #account_edit .contentText > table {
    display: block !important;
    width: 100% !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }
  #account_edit .contentText > table > tbody {
    display: block !important;
    width: 100% !important;
  }
  #account_edit .contentText > table > tbody > tr {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid var(--mo-line) !important;
    box-sizing: border-box !important;
  }
  #account_edit .contentText > table > tbody > tr:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #account_edit .contentText > table > tbody > tr.newsletter-new {
    border-bottom: none !important;
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
  }
  /* Prazan razmakni red (dva td.fieldKey) — ne dira red Spol (fieldKey + fieldValue) */
  #account_edit .contentText > table > tbody > tr:has(> td.fieldKey + td.fieldKey) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldKey,
  #account_edit .contentText > table > tbody > tr > td.fieldValue {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldKey {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--mo-body-text) !important;
    margin-bottom: 5px !important;
    line-height: 1.35 !important;
  }
  /* Obavezno (*) uz labelu — ne ispod inputa (flex 100% gurne zvjezdicu u novi red) */
  #account_edit .contentText > table > tbody > tr:has(> td.fieldValue .inputRequirement) > td.fieldKey::after {
    content: ' *' !important;
    color: #b42318 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldValue .inputRequirement {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important;
  }
  /* Legacy treći stupac (prazan) u retku e-mail preporučitelja */
  #account_edit .contentText > table:first-of-type > tbody > tr > td.fieldKey:nth-child(3) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldValue {
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: var(--mo-body-text) !important;
    display: block !important;
  }
  #account_edit .review_box table tr > td {
    display: block !important;
    width: 100% !important;
  }
  /* Spol: radio + tekst u jednom redu */
  #account_edit .contentText > table > tbody > tr > td.fieldValue:has(input[type="radio"]) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 12px !important;
    row-gap: 8px !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldValue input[type="radio"] {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    display: inline-block !important;
    margin: 0 4px 0 0 !important;
    vertical-align: middle !important;
    flex: 0 0 auto !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldValue input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border: 1.5px solid var(--mo-input-border) !important;
    border-radius: 10px !important;
    background: var(--mo-input-bg) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--mo-body-text) !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }
  /* Primanje obavijesti — kompaktan blok */
  #account_edit tr.newsletter-new {
    margin-bottom: 6px !important;
  }
  #account_edit tr.newsletter-new td.mj-newsletter-row {
    display: block !important;
    padding: 10px 12px !important;
    background: var(--mo-surface-soft) !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }
  #account_edit .mj-newsletter-heading {
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.35 !important;
    color: var(--mo-body-text) !important;
  }
  #account_edit .mj-newsletter-body {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #account_edit .mj-newsletter-body input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    margin: 2px 0 0 0 !important;
    flex: 0 0 18px !important;
    align-self: flex-start !important;
  }
  #account_edit tr.newsletter-new .mj-newsletter-text {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #5a6254 !important;
  }
  /* Promo kodovi — zasebne tablice */
  #account_edit .contentText > br {
    display: none !important;
  }
  #account_edit .contentText > table ~ table {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 0 !important;
    padding: 16px 0 0 0 !important;
    border-top: 1px solid var(--mo-line) !important;
  }
  #account_edit .contentText > table ~ table tbody,
  #account_edit .contentText > table ~ table tr {
    display: block !important;
    width: 100% !important;
  }
  #account_edit .contentText > table ~ table tr {
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--mo-line) !important;
  }
  #account_edit .contentText > table ~ table tr:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #account_edit .contentText > table ~ table tr > td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 8px 0 !important;
    float: none !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  #account_edit .contentText > table ~ table tr > td.fieldKey {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: var(--mo-body-text) !important;
    padding-bottom: 6px !important;
  }
  #account_edit .contentText > table ~ table tr > td.fieldValue input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin-bottom: 6px !important;
    font-size: 16px !important;
  }
  #account_edit .contentText > table ~ table tr > td.fieldValue + td.fieldValue {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #5a6254 !important;
    line-height: 1.5 !important;
    padding-bottom: 0 !important;
  }
  #account_edit .buttonSet {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 20px 0 0 0 !important;
    padding: 16px 0 0 0 !important;
    border-top: 1px solid var(--mo-line) !important;
    clear: both !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #account_edit .buttonSet > button,
  #account_edit .buttonSet > .btn-bs4,
  #account_edit .buttonSet > p {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    text-align: center !important;
    order: unset !important;
  }
  #account_edit .buttonSet > p.btn-bs4,
  #account_edit .buttonSet > p.btn-bs4-small {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
  }
  #account_edit .buttonSet > p.btn-bs4 > span,
  #account_edit .buttonSet > p.btn-bs4-small > span {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #account_edit .buttonSet #tdb2,
  #account_edit .buttonSet button#tdb2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    font-size: 11px !important;
  }
  #account_edit .buttonSet .ui-button,
  #account_edit .buttonSet button.ui-button,
  #account_edit .buttonSet a.ui-button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  #account_edit .review_box tr:last-child > td {
    display: block !important;
    width: 100% !important;
  }

  /* Moj račun (#my_account) — mobil / tablet ≤979px */
  body.flow-account #my_account.contentContainer,
  #mj-container #mj-maincontent #mj-contentarea #my_account.contentContainer {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 16px max(14px, env(safe-area-inset-left, 0px)) 20px max(14px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  body.flow-account #my_account .my-account-page-title {
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--mo-banner-heading) !important;
    -webkit-text-fill-color: var(--mo-banner-heading) !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid var(--mo-line) !important;
    line-height: 1.3 !important;
  }
  body.flow-account #my_account .my-account-intro {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
  }
  body.flow-account #my_account .my-account-intro p {
    margin: 0 0 10px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  body.flow-account #my_account .my-account-intro p:last-child {
    margin-bottom: 0 !important;
  }
  body.flow-account #my_account .my-account-alert--success {
    padding: 12px 14px !important;
    background: rgba(107, 143, 78, 0.1) !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    color: var(--mo-sage-dark) !important;
  }
  body.flow-account #my_account .my-account-alert--success strong {
    display: block !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: var(--mo-olive) !important;
    margin-bottom: 4px !important;
  }
  body.flow-account #my_account .my-account-alert--inactive {
    padding: 12px 14px !important;
    background: rgba(180, 35, 24, 0.06) !important;
    border: 1px solid rgba(180, 35, 24, 0.2) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }
  body.flow-account #my_account .my-account-alert--notice {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding: 12px 14px !important;
  }
  body.flow-account #my_account .review_box {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.flow-account #my_account .review_box .content_box {
    margin: 0 0 18px 0 !important;
    padding: 16px 14px !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 12px !important;
    background: #fcfdf9 !important;
    box-shadow: 0 1px 4px rgba(107, 143, 78, 0.06) !important;
    box-sizing: border-box !important;
  }
  body.flow-account #my_account .review_box .content_box:last-child {
    margin-bottom: 0 !important;
  }
  body.flow-account #my_account .review_box span.title {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
    border-bottom: 2px solid var(--mo-sage-medium) !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 14px 0 !important;
    line-height: 1.35 !important;
  }
  body.flow-account #my_account .accounts_link {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-contentarea #my_account .content_box .accounts_link .accountLinkList li,
  body.flow-account #my_account .accountLinkList li {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 12px 14px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 10px !important;
    transition: border-color 0.15s ease, background 0.15s ease !important;
  }
  body.flow-account #my_account .accountLinkList li:last-child {
    margin-bottom: 0 !important;
  }
  body.flow-account #my_account .accountLinkList .accountLinkListEntry {
    flex-shrink: 0 !important;
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
  }
  #mj-contentarea #my_account .content_box .accounts_link .accountLinkList li a,
  body.flow-account #my_account .accountLinkList li a {
    float: none !important;
    display: block !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--mo-body-text) !important;
    text-decoration: none !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  body.flow-account #my_account .accountLinkList li:active,
  body.flow-account #my_account .accountLinkList li:focus-within {
    border-color: var(--mo-olive) !important;
    background: var(--mo-surface-soft) !important;
  }
  body.flow-account #my_account .accountLinkList li a:hover,
  body.flow-account #my_account .accountLinkList li a:focus-visible {
    color: var(--mo-olive) !important;
    text-decoration: none !important;
  }

  /* Košarica ≤720px: poseban @media iznad (stupac + poravnati gumbi); ovdje ne dirati — inače pregazi stupac na uskim ekranima */
  /* Unos adrese: ostavi dva gumba u jednom redu (globalni .buttonSet gore je column-reverse) */
  #address_book_process .buttonSet.mo-address-book-process-actions {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 14px 0 0 0 !important;
  }
  /* Povijest narudžbi: na uskim ekranima jedan stupac — samo IZVRSNO dijete .review_box (ne .discount-check tablice) */
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box table,
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box tbody,
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
    padding: 4px 0 !important;
    box-sizing: border-box !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td:last-child {
    text-align: left !important;
    padding-top: 10px !important;
  }
  /* Detalj narudžbe (#history_info): jedan stupac — adresa, pa proizvodi (bez preklapanja cijene) */
  #history_info .review_box .content_box .contentText > div > span {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mo-body-text) !important;
    -webkit-text-fill-color: var(--mo-body-text) !important;
    box-sizing: border-box !important;
  }
  #history_info .review_box .content_box .contentText > table,
  #history_info .review_box .content_box .contentText > table > tbody,
  #history_info .review_box .content_box .contentText > table > tbody > tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #history_info .review_box .content_box .contentText > table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 0 14px 0 !important;
    box-sizing: border-box !important;
  }
  #history_info .review_box .content_box .contentText > table > tbody > tr > td + td {
    padding-top: 14px !important;
    margin-top: 4px !important;
    border-top: 1px solid var(--mo-line) !important;
  }
  #history_info .review_box .content_box table table,
  #history_info .review_box .content_box table table tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #history_info .review_box .content_box table table tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #history_info .review_box .content_box table table tr:not(:first-child) {
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(118, 126, 98, 0.3) !important;
  }
  #history_info .review_box .content_box table table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    text-align: left !important;
    padding: 4px 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    box-sizing: border-box !important;
  }
  #history_info .review_box .content_box table table tr:first-child td {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--mo-line) !important;
  }
  #history_info .review_box .content_box table table tr:not(:first-child) td:first-child {
    font-weight: 600 !important;
    color: #5a6e52 !important;
    font-size: 13px !important;
  }
  #history_info .review_box .content_box table table tr:not(:first-child) td:nth-child(2) {
    font-weight: 600 !important;
    color: var(--mo-body-text) !important;
    padding-top: 2px !important;
  }
  #history_info .review_box .content_box table table tr:not(:first-child) td:last-child {
    text-align: left !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
    padding-top: 6px !important;
  }
  #history_info .review_box td > td,
  #history_info tbody td:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Detalj narudžbe: „Vrati se“ — zrak iznad gumba (samo ova stranica) */
  #history_info > .buttonSet {
    margin-top: 22px !important;
    padding-top: 6px !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* account_history2/3: naslovi + h4 — još kompaktnije na mobitelu */
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check h1 {
    font-size: 0.98rem !important;
    line-height: 1.28 !important;
    margin: 0.35em 0 0.2em 0 !important;
    padding-bottom: 6px !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check h4 {
    font-size: 11px !important;
    line-height: 1.42 !important;
    font-weight: 600 !important;
    margin: 4px 0 8px 0 !important;
    letter-spacing: 0 !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check.contentText {
    font-size: 12px !important;
    line-height: 1.48 !important;
  }
  /* Popusti / loyalty (account_history2/3): ostavi tablicu — vodoravni scroll umjesto preklapanja stupaca */
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box table {
    display: table !important;
    width: auto !important;
    min-width: max(100%, 38rem) !important;
    max-width: none !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box tbody {
    display: table-row-group !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box tr {
    display: table-row !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box td {
    display: table-cell !important;
    width: auto !important;
    min-width: 4.5rem !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    white-space: normal !important;
    word-break: break-word !important;
    vertical-align: top !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
  }
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box tr:first-child td {
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    background: rgba(107, 143, 78, 0.1) !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  /* Drugi stupac (vrsta / „Obrađena narudžba“): jedan red, manji font — širina tablice (scroll) nosi dugačak tekst */
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box tr:not(:first-child) td:nth-child(2) {
    white-space: nowrap !important;
    font-size: 11px !important;
  }
  /* Zadnji stupac (opis / bodovi): malo šire od postotka da se tekst ne preklapa */
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box tr:not(:first-child) td:last-child {
    min-width: 9.5rem !important;
    white-space: nowrap !important;
  }
  /* Loyalty / popusti — donji gumbi: lijevo (akcije) i desno (Natrag) */
  #account_history .buttonSet {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
  }
  #account_history .buttonSet > .link_button:last-child {
    margin-left: auto !important;
  }
  #account_history .buttonSet .link_button,
  #account_history .buttonSet .link_button .tdbLink {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 1 auto !important;
    text-align: center !important;
    float: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  #account_history .buttonSet .link_button .tdbLink > a,
  #account_history .buttonSet .link_button a {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    position: static !important;
  }
  #account_history .buttonSet .link_button .ui-button,
  #account_history .buttonSet .link_button button.ui-button {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }
  /* Sakriveni Potvrdi/Odustani (loyalty): visibility:hidden i dalje rezervira mjesto — ne prikazuj u toku */
  #account_history .buttonSet .link_button a[style*="visibility:hidden"],
  #account_history .buttonSet .link_button a[style*="visibility: hidden"] {
    display: none !important;
  }
  /* Adresar (mobilni): isti flex red, gumbi jednake visine */
  #address_book .mo-address-book-footer-actions {
    padding: 10px 0 !important;
    gap: 10px !important;
  }
  #address_book .address-book-footer-left,
  #address_book .address-book-footer-right {
    align-items: stretch !important;
  }
  #address_book .address-book-footer-left .link_button,
  #address_book .address-book-footer-right .link_button {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #address_book .address-book-footer-left .link_button .ui-button,
  #address_book .address-book-footer-right .link_button .ui-button,
  #address_book .address-book-footer-left .link_button a.ui-button,
  #address_book .address-book-footer-right .link_button a.ui-button {
    width: 100% !important;
    justify-content: center !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
  }
  #address_book .review_box .content_box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  /* Košarica (mobilni): donja dva gumba — lijevo i desno u jednom redu */
  #mj-shoppingcart .product-cart-buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-shoppingcart .product-cart-buttons > p {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: calc(50% - 4px) !important;
    width: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  #mj-shoppingcart .product-cart-buttons > p:first-child {
    text-align: left !important;
    justify-self: auto !important;
  }
  #mj-shoppingcart .product-cart-buttons > p:last-child:not(:only-child) {
    text-align: right !important;
  }
  #mj-shoppingcart .product-cart-buttons > p:only-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  #mj-shoppingcart .product-cart-buttons > p .ui-button,
  #mj-shoppingcart .product-cart-buttons > p a.ui-button,
  #mj-shoppingcart .product-cart-buttons > p button.ui-button {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /*
   * Donji stupac (<a class="mo-cart-btn"> direktni su djeca; nisu u <p>):
   * na mobitelu / tabletima isti raspored kao na checkout-u — stubac, širina 100%.
   */
  #mj-shoppingcart .mj-cart-footer-actions .product-cart-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
  #mj-shoppingcart .mj-cart-footer-actions .product-cart-buttons > a.mo-cart-btn {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.flow-shopping-cart #mj-contentarea h1.shoping-page-headline {
    font-size: clamp(15px, 4.2vw, 18px) !important;
    padding-left: 16px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-contentarea .mj-cart-discount-notice.shoping-cart-description {
    margin-left: 12px !important;
    margin-right: 12px !important;
    margin-bottom: 14px !important;
    padding: 12px 14px !important;
  }
  /* .product-cart-buttons samo u košarici — poravnanje gore u #mj-shoppingcart … */
  .product-cart-price {
    width: 100% !important;
    justify-content: center !important;
  }
  .product-cart-price #cartSubTotal {
    text-align: center !important;
    width: 100% !important;
    font-size: 18px !important;
    word-break: break-word !important;
  }
  .remove-from-shoping-cart-button {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #mj-shoppingcart,
  #new-category.contentContainer {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* Checkout flow */
  #checkoutShipping,
  #checkoutPayment,
  #checkoutConfirmation,
  #checkoutShipAddressDefault,
  #checkoutPayAddressDefault,
  #checkoutShippingAddress,
  #checkout_payment_address {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* BOX NOW na mobitelu: stroži omotač, niži mapni blok */
  #checkoutPayment #boxnowplace,
  #checkoutPayment #isporuka,
  #checkoutPayment #boxchoose,
  #checkoutPayment .mo-boxnowmap-shell {
    overflow-x: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #checkoutPayment #isporuka {
    margin-left: 0 !important;
  }
  #checkoutPayment #boxnowmap.mo-boxnowmap-root,
  #checkoutPayment #boxnowmap {
    min-height: 240px !important;
    height: min(50vh, 460px) !important;
  }
  .mj-checkoutprogress {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 4px !important;
  }
  .mj-checkoutprogress span {
    float: none !important;
    width: auto !important;
    flex: 1 1 calc(33.333% - 8px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  .mj-checkoutprogress .mj-step,
  .mj-checkoutprogress .mj-step1 {
    box-sizing: border-box !important;
    font-size: 10px !important;
    padding: 8px 4px !important;
    word-break: break-word !important;
  }
  #checkoutShipping .mj-product_infoleft,
  #checkoutShipping .mj-product_inforight,
  #checkoutPayment .mj-product_infoleft,
  #checkoutPayment .mj-product_inforight,
  #checkoutConfirmation .mj-product_infoleft,
  #checkoutConfirmation .mj-product_inforight,
  .mj-product_infoleft,
  .mj-product_inforight {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }
  .mj-product_inforight .mj-boxcontent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  /* Rub sadržaja: naslovi i blokovi izvan „kartice” (npr. h1 checkouta) ne lijepe uz rub ekrana */
  body:not(.homepage):not(.product-page) #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea {
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }
  .contentContainer {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .review_box,
  .review_box .contentText,
  .content_box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* .review_box: osiguraj vodoravni padding kad roditelj nema dovoljno zraka (mobilni ≤979px) */
  #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .review_box {
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }
  .review_box .contentText {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .review_box table,
  #checkoutConfirmation .review_box table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
  }
  /* Ugniježđene tablice (adresa / proizvodi / plaćanje): auto layout da stupci ne „pojedu” naslove */
  #checkoutConfirmation .review_box table table {
    table-layout: auto !important;
  }
  #checkoutConfirmation .review_box td {
    word-break: break-word !important;
    vertical-align: top !important;
  }
  #checkoutConfirmation .checkout-confirmation-table-description td table tr:first-child td {
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  #checkoutConfirmation .contentText {
    font-size: 13px !important;
  }
  .fieldKey,
  .fieldValue {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .fieldValue input,
  .fieldValue select,
  .fieldValue textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Registracija: isti @media kao .fieldKey{display:block} — vratiti ćelije tablice */
  #mj-container .mj-createaccount .contentText.acc_container td.fieldKey,
  #mj-container .mj-createaccount .contentText.acc_container td.fieldValue {
    display: table-cell !important;
    width: auto !important;
    float: none !important;
    vertical-align: top !important;
  }

  /* Checkout — Informacije o dostavi (nova adresa), samo mobil */
  body.flow-checkout-shipping-address #checkoutShippingAddress {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress > h1 {
    font-size: 1.25rem !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.3 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .contentContainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box {
    margin: 0 0 14px 0 !important;
    padding: 14px 12px !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 12px !important;
    background: #fcfdf9 !important;
    box-shadow: 0 1px 4px rgba(107, 143, 78, 0.06) !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box span.title {
    display: block !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
    border-bottom: 2px solid var(--mo-sage-medium) !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.35 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box > .contentText {
    overflow: visible !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .contentText > .mj-product_infoleft,
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .contentText > .mj-product_inforight {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .mj-product_infoleft .infoBoxContents {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid var(--mo-line) !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .mj-product_inforight {
    margin-top: 10px !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .mj-boxcontent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    background-color: rgba(175, 213, 57, 0.28) !important;
    box-shadow: none !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .mj-boxcontent br {
    display: none !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .review_box {
    margin-top: 4px !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .content_box {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .review_box > .content_box > .contentText:first-of-type {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #5a6254 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table {
    display: block !important;
    width: 100% !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody {
    display: block !important;
    width: 100% !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid var(--mo-line) !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldKey,
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldKey {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--mo-body-text) !important;
    margin-bottom: 5px !important;
    line-height: 1.35 !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr:has(> td.fieldValue .inputRequirement) > td.fieldKey::after {
    content: ' *' !important;
    color: #b42318 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue .inputRequirement {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue:has(input[type="radio"]) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 14px !important;
    row-gap: 8px !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue input[type="radio"] {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    display: inline-block !important;
    margin: 0 4px 0 0 !important;
    vertical-align: middle !important;
    flex: 0 0 auto !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue input[type="text"],
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue select {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border: 1.5px solid var(--mo-input-border) !important;
    border-radius: 10px !important;
    background: var(--mo-input-bg) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--mo-body-text) !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .content_box .ui-button,
  body.flow-checkout-shipping-address #checkoutNewAddress .content_box button.ui-button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin: 16px 0 0 0 !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    touch-action: manipulation !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .content_box_second table {
    table-layout: auto !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .content_box_second tr.moduleRow,
  body.flow-checkout-shipping-address #checkoutShippingAddress .content_box_second tr.moduleRowSelected {
    display: table-row !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .content_box_second td {
    font-size: 14px !important;
    padding: 8px 4px !important;
    vertical-align: top !important;
    word-break: break-word !important;
  }

  .link_button,
  .link_button .tdbLink {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .link_button .ui-button,
  .link_button button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 4px 0 !important;
  }
  #address_book .review_box .content_box .address-book-entry-actions .link_button .ui-button,
  #address_book .review_box .content_box .address-book-entry-actions .link_button button.ui-button {
    width: auto !important;
    max-width: 100% !important;
  }
  /* Header akcije: ne primjenjuj globalno „link_button = blok 100%“ na prijavu/registraciju */
  #mj-header .mj-header-actions .mj-header-login {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  .moduleRow td,
  .moduleRowSelected td {
    word-break: break-word !important;
    font-size: 12px !important;
  }
  .acc_trigger {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Login / account boxes */
  .mj-loginarea,
  .mj-login,
  #loginForm,
  #createAccountForm {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mj-logincontainer .mj-loginarea {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  .mj-logincontainer .mj-loginarea .ui-button.ui-priority-primary {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Registracija (tep_draw_button u p.btn-bs4): ista puna širina kao „Prijavi se” */
  body.site-form-flow.flow-login .mj-signupcontainer .login-page-content p.btn-bs4 > span,
  body.site-form-flow.flow-login .mj-signupcontainer .login-page-content p.btn-bs4-small > span {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: stretch !important;
  }
  body.site-form-flow.flow-login .mj-signupcontainer .login-page-content p.btn-bs4 a.ui-button.ui-priority-primary,
  body.site-form-flow.flow-login .mj-signupcontainer .login-page-content p.btn-bs4-small a.ui-button.ui-priority-primary {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  /* Zaboravljena lozinka / reset: isti puna-širina CTA */
  body.flow-password-forgotten .contentContainer p.btn-bs4 > span,
  body.flow-password-forgotten .contentContainer p.btn-bs4-small > span,
  body.flow-password-reset .contentContainer p.btn-bs4 > span,
  body.flow-password-reset .contentContainer p.btn-bs4-small > span {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: stretch !important;
  }
  body.flow-password-forgotten .contentContainer p.btn-bs4 a.ui-button.ui-priority-primary,
  body.flow-password-forgotten .contentContainer p.btn-bs4-small a.ui-button.ui-priority-primary,
  body.flow-password-reset .contentContainer p.btn-bs4 a.ui-button.ui-priority-primary,
  body.flow-password-reset .contentContainer p.btn-bs4-small a.ui-button.ui-priority-primary {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .mj-loginarea table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }
  .mj-loginarea input[type=text],
  .mj-loginarea input[type=password],
  .mj-loginarea input[type=email],
  #loginForm input[type=text],
  #loginForm input[type=password],
  #createAccountForm input[type=text],
  #createAccountForm input[type=password],
  #createAccountForm input[type=email] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  .mj-signupcontainer,
  .mj-logincontainer {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 0 4px !important;
    margin-bottom: 12px !important;
  }
  .mj-signupcontainer .content,
  .mj-logincontainer .content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    float: none !important;
    min-height: 0 !important;
    padding: 0 !important;
  }
  .mj-logincontainer table,
  .mj-signupcontainer table {
    width: 100% !important;
    table-layout: fixed !important;
  }
  .mj-logincontainer td.fieldKey,
  .mj-logincontainer td.fieldValue,
  .mj-signupcontainer td.fieldKey,
  .mj-signupcontainer td.fieldValue {
    display: block !important;
    width: 100% !important;
    padding: 6px 0 !important;
  }
  .mj-loginarea .btn-bs4,
  .mj-loginarea button,
  .mj-logincontainer .login-page-content .btn-bs4 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 8px 0 !important;
  }
  .login-page-content p[align="right"],
  .login-page-content p[align=right] {
    text-align: center !important;
  }
  .mj-forgotpassword {
    text-align: center !important;
    margin-top: 8px !important;
  }

  /*
   * Prijava + registracija (≤979px): isti CTA kao košarica / checkout
   * — jQuery UI + seopage (.btn-bs4 padding) često daju „pilulu” i različite visine.
   */
  body.site-form-flow.flow-login #mj-maincontent .mj-signupcontainer .login-page-content a.ui-button.ui-priority-primary,
  body.site-form-flow.flow-login #mj-maincontent .mj-signupcontainer .login-page-content button.ui-button.ui-priority-primary,
  body.site-form-flow.flow-login #mj-maincontent .mj-logincontainer .login-page-content button.ui-button.ui-priority-primary,
  body.site-form-flow.flow-login #mj-maincontent .mj-logincontainer .mj-loginarea button.ui-button.ui-priority-primary,
  body.site-form-flow.flow-login #mj-maincontent .mj-logincontainer .mj-loginarea button.mo-login-submit.ui-button {
    border-radius: var(--mo-btn-radius) !important;
    -webkit-border-radius: var(--mo-btn-radius) !important;
    padding: 0 var(--mo-btn-pad-x) !important;
    height: var(--mo-cta-height) !important;
    min-height: var(--mo-cta-height) !important;
    max-height: none !important;
    font-family: var(--mo-font-sans) !important;
    font-size: var(--mo-btn-fs) !important;
    font-weight: var(--mo-btn-fw) !important;
    line-height: 1.25 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    background-image: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body.site-form-flow.flow-password-forgotten #mj-maincontent .contentContainer a.ui-button.ui-priority-primary,
  body.site-form-flow.flow-password-forgotten #mj-maincontent .contentContainer button.ui-button.ui-priority-primary,
  body.site-form-flow.flow-password-forgotten #mj-passwordforgotten a.ui-button.ui-priority-primary,
  body.site-form-flow.flow-password-forgotten #mj-passwordforgotten button.ui-button.ui-priority-primary,
  body.site-form-flow.flow-password-reset #mj-maincontent .contentContainer a.ui-button.ui-priority-primary,
  body.site-form-flow.flow-password-reset #mj-maincontent .contentContainer button.ui-button.ui-priority-primary {
    border-radius: var(--mo-btn-radius) !important;
    -webkit-border-radius: var(--mo-btn-radius) !important;
    padding: 0 var(--mo-btn-pad-x) !important;
    height: var(--mo-cta-height) !important;
    min-height: var(--mo-cta-height) !important;
    font-family: var(--mo-font-sans) !important;
    font-size: var(--mo-btn-fs) !important;
    font-weight: var(--mo-btn-fw) !important;
    line-height: 1.25 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    background-image: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.site-form-flow.flow-login #mj-maincontent .mj-logincontainer .login-page-content .fieldValue input[type="text"],
  body.site-form-flow.flow-login #mj-maincontent .mj-logincontainer .login-page-content .fieldValue input[type="password"],
  body.site-form-flow.flow-login #mj-maincontent .mj-logincontainer .login-page-content .fieldValue input[type="email"],
  body.site-form-flow.flow-password-forgotten #mj-maincontent #mj-passwordforgotten .fieldValue input:not([type="hidden"]),
  body.site-form-flow.flow-password-forgotten #mj-passwordforgotten .fieldValue input:not([type="hidden"]),
  body.site-form-flow.flow-password-reset #mj-maincontent .contentContainer .fieldValue input:not([type="hidden"]) {
    border-radius: 12px !important;
    border: 1.5px solid var(--mo-input-border) !important;
    background: var(--mo-input-bg) !important;
    padding: 10px 12px !important;
    font-family: var(--mo-font-sans) !important;
    font-size: var(--mo-text-base) !important;
    box-sizing: border-box !important;
  }

  /* Wishlist listing (spectype=wishlist) — same grid as homepage */
  body .products-grid {
    width: 100% !important;
  }

  #mj-contentarea > table,
  #mj-contentarea .contentText > table {
    max-width: 100% !important;
    table-layout: fixed !important;
  }
  /* Registracija: zadrži table-layout:fixed za glavni obrazac i na tabletu */
  #mj-container .mj-createaccount .contentText.acc_container > table {
    table-layout: fixed !important;
  }
  #mj-contentarea img {
    max-width: 100% !important;
    height: auto !important;
  }
  /* Listing / kartice / CMS — stare datoteke ponekad daju width:auto ili px širinu slike */
  #mj-container #mj-contentarea .centerBoxContentsNew .product_image img,
  #mj-container #mj-contentarea .contentText img {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .alsoPurchased .also_purchased_products table {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
  }
  .alsoPurchased .also_purchased_products table td {
    float: none !important;
    width: 100% !important;
  }
}

/* Registracija — uski mobitel: jedan stupac, puna širina gumba */
@media screen and (max-width: 640px) {
  #mj-container .mj-createaccount .contentText.acc_container > table {
    table-layout: auto !important;
  }
  #mj-container .mj-createaccount .contentText.acc_container > table > tbody > tr > td.fieldKey,
  #mj-container .mj-createaccount .contentText.acc_container > table > tbody > tr > td.fieldValue {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px 0 !important;
  }
  #mj-container .mj-createaccount .contentText.acc_container > table > tbody > tr > td.fieldKey {
    padding-bottom: 2px !important;
    font-weight: 600 !important;
  }
  /* Primanje obavijesti: osiguraj razmak prije Email retka (izbjegni vizualno preklapanje na uskim ekranima) */
  #mj-container .mj-createaccount tr.newsletter-new td.mj-newsletter-row {
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  #mj-container .mj-createaccount tr.newsletter-new + tr td.fieldKey {
    padding-top: 14px !important;
  }
  #account_edit tr.newsletter-new td.mj-newsletter-row {
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #account_edit tr.newsletter-new + tr td.fieldKey {
    padding-top: 14px !important;
  }
  #mj-container .mj-createaccount .mj-newsletter-body,
  #account_edit .mj-newsletter-body {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  #mj-container .mj-createaccount .mj-newsletter-body input[type="checkbox"],
  #account_edit .mj-newsletter-body input[type="checkbox"] {
    margin-top: 0 !important;
  }
  #mj-container .mj-createaccount .buttonSet {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
  }
  #mj-container .mj-createaccount .mj-reg-actions-stack {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  /* Stvarni HTML koristi .mj-reg-actions-stack (div), ne .buttonSet */
  #mj-container .mj-createaccount tr.mj-reg-actions > td.mj-reg-actions-cell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #mj-container .mj-createaccount .buttonSet p.btn-bs4 {
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  #mj-container .mj-createaccount .buttonSet button.mj-createaccount-submit,
  #mj-container .mj-createaccount .buttonSet .ui-button {
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  #mj-container .mj-createaccount .mj-reg-actions-quick tr {
    display: block !important;
    width: 100% !important;
  }
  #mj-container .mj-createaccount .mj-reg-actions-quick td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #mj-container .mj-createaccount .mj-reg-actions-quick .ui-button,
  #mj-container .mj-createaccount .mj-reg-actions-quick button.ui-button,
  #mj-container .mj-createaccount .mj-reg-actions-quick button.mj-createaccount-submit {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
  }
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="text"],
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="password"],
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue input[type="email"],
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue select,
  #mj-container .mj-createaccount .contentText.acc_container .fieldValue textarea {
    max-width: 100% !important;
  }
}

/* MOBILE 700px */
@media screen and (max-width: 700px) {
  .products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
    align-items: stretch !important;
  }
}

/*
 * Završni sloj — isti Inter i olive CTA na cijelom #mj-container (nadjačaj Open Sans + #a8bf7a iz mj-template / slategray)
 */
html body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
#mj-container textarea,
#mj-container select,
#mj-container option {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
#mj-container #mj-maincontent table,
#mj-container #mj-maincontent tbody,
#mj-container #mj-maincontent thead,
#mj-container #mj-maincontent td,
#mj-container #mj-maincontent th {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--mo-body-text) !important;
}
/* mj-template: button { font 10px Open Sans } — u shopu jednake veličine kao CTA */
#mj-container button {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
#mj-container #mj-maincontent button,
#mj-container #mj-maincontent .ui-button {
  font-size: 13px !important;
}

/* Isti path specifičnosti kao mj-template .link_button / .tdbLink>#tdb* — zamjena #a8bf7a → mo-olive */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .contentContainer .tdbLink > a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .contentContainer .tdbLink > button,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .contentContainer .contentText .tdbLink > a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .contentContainer .link_button a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .link_button a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .review_box .link_button a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .review_box .content_box .tdbLink > a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .review_box .content_box .tdbLink > button,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .link_button a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box .tdbLink > a,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box .tdbLink > button {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  border-radius: var(--mo-btn-radius) !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  font-size: var(--mo-btn-fs) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  line-height: 1.25 !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .contentContainer .link_button a:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .link_button a:focus-visible,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .review_box .link_button a:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .link_button a:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}

/* jQuery UI nakon inicijalizacije — ista sage / visina kao globalni blok #mj-container */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea a.ui-button.ui-priority-primary,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea button.ui-button.ui-priority-primary,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .review_box a.ui-button.ui-priority-primary,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .review_box button.ui-button.ui-priority-primary,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history a.ui-button.ui-priority-primary,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history button.ui-button.ui-priority-primary {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-shadow: none !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea a.ui-button.ui-priority-secondary,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea button.ui-button.ui-priority-secondary,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history a.ui-button.ui-priority-secondary,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history button.ui-button.ui-priority-secondary {
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  border-radius: var(--mo-btn-radius) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  border: none !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  transition: background 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
  text-shadow: none !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea a.ui-button.ui-priority-primary:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea button.ui-button.ui-priority-primary:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea a.ui-button.ui-priority-secondary:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea button.ui-button.ui-priority-secondary:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history a.ui-button:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history button.ui-button:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .ui-button .ui-button-text,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .ui-button .ui-button-text {
  color: var(--mo-cta-text) !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}

/* slategray / global input gumbi — samo glavna kolona */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea input[type='submit'],
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea input[type='button'],
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea input[type='reset'] {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: none !important;
  color: var(--mo-cta-text) !important;
  font-weight: var(--mo-btn-fw) !important;
  font-size: var(--mo-btn-fs) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  border-radius: var(--mo-btn-radius) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  line-height: 1.25 !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
  box-sizing: border-box !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea input[type='submit']:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea input[type='button']:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea input[type='reset']:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
}

/*
 * Povijest narudžbi: mj-template + akcije (#account_history .review_box td { width:100% }) + .review_box td { float:left }
 * ruši tablicu — treća ćelija postane par px široka i tekst gumba / brojke idu vertikalno („slova desno”).
 * Samo IZVRSNO .review_box (lista narudžbi), ne .discount-check (više stupaca).
 */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td {
  float: none !important;
  display: table-cell !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td:nth-child(1) {
  width: 50% !important;
  max-width: 50% !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td:nth-child(2) {
  width: 30% !important;
  max-width: 30% !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td:nth-child(3) {
  width: 20% !important;
  max-width: 20% !important;
  text-align: right !important;
  white-space: nowrap !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td .ui-button,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td a.ui-button,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td button.ui-button {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* Povijest narudžbi — „Otvori”: običan tekstualni link s podcrtavanjem */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td a.mo-account-history-open-link {
  display: inline !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--mo-olive) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  -webkit-text-fill-color: var(--mo-olive) !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td a.mo-account-history-open-link:hover,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > .review_box td a.mo-account-history-open-link:focus-visible {
  color: var(--mo-sage-dark) !important;
  -webkit-text-fill-color: var(--mo-sage-dark) !important;
  text-decoration: underline !important;
}

/* account_history2/3 (Moj račun — popusti / loyalty): kompaktniji naslovi i napomene — desktop */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check h1 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--mo-banner-heading) !important;
  margin: 0.3em 0 0.15em 0 !important;
  padding: 0 0 8px 0 !important;
  border-bottom: 1px solid var(--mo-line) !important;
  -webkit-text-fill-color: var(--mo-banner-heading) !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check h4 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--mo-body-text) !important;
  margin: 4px 0 8px 0 !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check.contentText {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* account_history2 / 3: tablice u .discount-check — poništi mj-template / akcije (td 18% + margin) */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box table {
  width: auto !important;
  min-width: max(100%, 32rem) !important;
  max-width: none !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box td {
  float: none !important;
  display: table-cell !important;
  width: auto !important;
  margin: 0 !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history .discount-check .review_box .content_box tr:first-child td {
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  background: rgba(107, 143, 78, 0.08) !important;
  border-bottom: 1px solid var(--mo-line) !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Naslov + tijelo — povijest / detalj narudžbe: manja slova, čitljivije od mj-template (#mj-contentarea h1 20px / line 42px) */
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #account_history > h1,
#mj-container #mj-maincontent .mj-subcontainer #mj-contentarea #history_info > h1 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.95rem, 2.8vw, 1.125rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--mo-banner-heading) !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.25 !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--mo-line) !important;
  -webkit-text-fill-color: var(--mo-banner-heading) !important;
}
body.site-form-flow #account_history.contentContainer > h1,
body.site-form-flow #history_info.contentContainer > h1 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.site-form-flow #account_history.contentContainer,
body.site-form-flow #history_info.contentContainer {
  overflow-x: hidden !important;
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body.site-form-flow #account_history > .review_box,
body.site-form-flow #history_info .review_box {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
body.site-form-flow #account_history > .review_box .content_box,
body.site-form-flow #history_info .review_box .content_box {
  font-size: 14px !important;
  line-height: 1.45 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 10px !important;
  background: #fcfdf9 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body.site-form-flow #account_history > .review_box .content_box span.title,
body.site-form-flow #history_info .review_box .content_box span.title {
  display: block !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--mo-olive) !important;
  margin: 0 0 10px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
body.site-form-flow #account_history > .review_box .content_box span.title .contentText {
  font-size: inherit !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}
/* Prazan span u naslovu (legacy markup) — uzrokuje zeleni artefakt desno */
body.site-form-flow #history_info .review_box .content_box > span.title > .contentText {
  display: none !important;
}
/* Desktop: detalj narudžbe — bez zelenog „taba” (legacy .review_box border + prazan span) */
@media screen and (min-width: 980px) {
  #history_info .review_box {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
  }
  body.site-form-flow #history_info.contentContainer {
    border-bottom: 1px solid var(--mo-line) !important;
    overflow: hidden !important;
  }
  body.site-form-flow #history_info .review_box .content_box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0 !important;
  }

  /* Uređivanje računa (#account_edit) — centrirana forma, uža polja, promo sekcije ispod */
  #mj-container #mj-maincontent #mj-contentarea #account_edit.contentContainer {
    float: none !important;
    width: 100% !important;
    max-width: 52rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 22px 28px 26px !important;
    box-sizing: border-box !important;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  #mj-container #mj-maincontent #mj-contentarea #account_edit > h1 {
    font-size: clamp(1rem, 2.2vw, 1.2rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--mo-banner-heading) !important;
    -webkit-text-fill-color: var(--mo-banner-heading) !important;
    margin: 0 0 16px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid var(--mo-line) !important;
    line-height: 1.3 !important;
  }
  #mj-container #mj-maincontent #mj-contentarea #account_edit > h1 h2 {
    display: block !important;
    margin: 10px 0 0 0 !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.45 !important;
    color: var(--mo-sage-dark) !important;
    -webkit-text-fill-color: var(--mo-sage-dark) !important;
    background: var(--mo-surface-soft) !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }
  body.site-form-flow #account_edit .review_box {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-top: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.site-form-flow #account_edit .review_box .content_box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #account_edit .review_box .content_box > div:first-child {
    display: flow-root !important;
    margin-bottom: 14px !important;
  }
  #account_edit .review_box .content_box .inputRequirement {
    float: right !important;
    font-size: 12px !important;
    color: #b42318 !important;
    margin: 0 !important;
  }
  #account_edit .review_box .content_box span.title {
    display: block !important;
    float: none !important;
    clear: both !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
    border-bottom: 2px solid var(--mo-sage-medium) !important;
    padding: 0 0 10px 0 !important;
    margin: 0 0 18px 0 !important;
    line-height: 1.35 !important;
  }
  #account_edit .contentText {
    display: block !important;
    max-width: 100% !important;
  }
  #account_edit .contentText > table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 4px !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldKey {
    width: 32% !important;
    max-width: 220px !important;
    padding: 10px 16px 10px 0 !important;
    vertical-align: top !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--mo-body-text) !important;
    line-height: 1.4 !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldValue {
    width: 68% !important;
    padding: 8px 0 !important;
    vertical-align: middle !important;
  }
  #account_edit .review_box table tr > td {
    display: table-cell !important;
    width: auto !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldValue input[type="text"] {
    width: 100% !important;
    max-width: 26rem !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border: 1.5px solid var(--mo-input-border) !important;
    border-radius: 10px !important;
    background: var(--mo-input-bg) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--mo-body-text) !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  #account_edit .contentText > table > tbody > tr > td.fieldValue input[type="radio"] {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    display: inline !important;
    margin: 0 4px 0 0 !important;
    vertical-align: middle !important;
  }
  #account_edit tr.newsletter-new td.mj-newsletter-row {
    padding: 16px 18px !important;
    background: var(--mo-surface-soft) !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }
  #account_edit .mj-newsletter-heading {
    font-size: 14px !important;
    margin-bottom: 10px !important;
  }
  /* Promo / kodovi — zasebne tablice ispod glavne: label → polje → napomena */
  #account_edit .contentText > table ~ table {
    display: block !important;
    width: 100% !important;
    margin: 20px 0 0 0 !important;
    padding: 18px 0 0 0 !important;
    border-top: 1px solid var(--mo-line) !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
  }
  #account_edit .contentText > table ~ table tbody,
  #account_edit .contentText > table ~ table tr {
    display: block !important;
    width: 100% !important;
  }
  #account_edit .contentText > table ~ table tr > td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 10px 0 !important;
    float: none !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  #account_edit .contentText > table ~ table tr > td.fieldKey {
    font-weight: 600 !important;
    color: var(--mo-body-text) !important;
    padding-bottom: 8px !important;
  }
  #account_edit .contentText > table ~ table tr > td.fieldValue input[type="text"] {
    width: 100% !important;
    max-width: 20rem !important;
    min-height: 44px !important;
    margin-bottom: 4px !important;
  }
  #account_edit .contentText > table ~ table tr > td.fieldValue + td.fieldValue {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #5a6254 !important;
    line-height: 1.5 !important;
    padding-top: 2px !important;
    padding-bottom: 0 !important;
  }
  #account_edit .buttonSet {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 28px 0 0 0 !important;
    padding: 20px 0 0 0 !important;
    border-top: 1px solid var(--mo-line) !important;
    clear: both !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #account_edit .buttonSet > button,
  #account_edit .buttonSet > .btn-bs4,
  #account_edit .buttonSet > p {
    float: none !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
  #account_edit .buttonSet #tdb2,
  #account_edit .buttonSet button#tdb2 {
    order: 2 !important;
    margin-left: auto !important;
  }
  #account_edit .buttonSet > p.btn-bs4 {
    order: 1 !important;
  }
  #account_edit .buttonSet .ui-button,
  #account_edit .buttonSet button.ui-button,
  #account_edit .buttonSet a.ui-button {
    min-height: 44px !important;
    padding: 10px 22px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    float: none !important;
  }

  /* Checkout — Informacije o dostavi (#checkoutShippingAddress), samo desktop */
  body.flow-checkout-shipping-address #checkoutShippingAddress {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress > h1 {
    font-size: clamp(1rem, 2.2vw, 1.2rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--mo-banner-heading) !important;
    -webkit-text-fill-color: var(--mo-banner-heading) !important;
    margin: 0 0 16px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid var(--mo-line) !important;
    line-height: 1.3 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .contentContainer {
    float: none !important;
    width: 100% !important;
    max-width: 52rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 22px 28px 26px !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 18px 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--mo-line) !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  /* Trenutna dostavna adresa — kompaktno, bez praznine ispod zelenog boxa */
  body.flow-checkout-shipping-address #checkoutShippingAddress .contentContainer > .review_box:first-of-type {
    margin: 0 0 12px 0 !important;
    padding: 0 0 12px 0 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .contentContainer > div[style*='clear'] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box:last-of-type,
  body.flow-checkout-shipping-address #checkoutNewAddress .review_box {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box span.title {
    display: block !important;
    float: none !important;
    clear: both !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--mo-olive) !important;
    -webkit-text-fill-color: var(--mo-olive) !important;
    border-bottom: 2px solid var(--mo-sage-medium) !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.35 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .contentContainer > .review_box:first-of-type > .contentText {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .mj-product_infoleft,
  body.flow-checkout-shipping-address #checkoutShippingAddress .mj-product_inforight {
    float: none !important;
    clear: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .contentContainer > .review_box:first-of-type .mj-product_infoleft {
    flex: 0 0 38% !important;
    width: 38% !important;
    max-width: 38% !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .contentContainer > .review_box:first-of-type .mj-product_inforight {
    flex: 1 1 62% !important;
    width: 62% !important;
    max-width: 62% !important;
    margin-bottom: 0 !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .mj-product_infoleft .infoBoxContents {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid var(--mo-line) !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .mj-boxcontent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    background-color: rgba(175, 213, 57, 0.28) !important;
    box-shadow: none !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .review_box .mj-boxcontent br {
    display: none !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .review_box {
    margin-top: 4px !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .content_box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .review_box > .content_box > .contentText:first-of-type {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #5a6254 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    max-width: 42rem !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 4px !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldKey {
    width: 32% !important;
    max-width: 220px !important;
    padding: 10px 16px 10px 0 !important;
    vertical-align: top !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--mo-body-text) !important;
    line-height: 1.4 !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue {
    width: 68% !important;
    padding: 8px 0 !important;
    vertical-align: middle !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr:has(> td.fieldValue .inputRequirement) > td.fieldKey::after {
    content: ' *' !important;
    color: #b42318 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue .inputRequirement {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue:has(input[type="radio"]) {
    line-height: 1.5 !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue input[type="radio"] {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    display: inline !important;
    margin: 0 4px 0 0 !important;
    vertical-align: middle !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue input[type="text"],
  body.flow-checkout-shipping-address #checkoutNewAddress .contentText > table > tbody > tr > td.fieldValue select {
    width: 100% !important;
    max-width: 26rem !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border: 1.5px solid var(--mo-input-border) !important;
    border-radius: 10px !important;
    background: var(--mo-input-bg) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--mo-body-text) !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  body.flow-checkout-shipping-address #checkoutNewAddress .content_box .ui-button,
  body.flow-checkout-shipping-address #checkoutNewAddress .content_box button.ui-button {
    min-height: 44px !important;
    margin: 24px 0 0 0 !important;
    padding: 10px 28px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .content_box_second {
    margin-top: 8px !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .content_box_second table {
    table-layout: auto !important;
    border-collapse: collapse !important;
  }
  body.flow-checkout-shipping-address #checkoutShippingAddress .content_box_second td {
    font-size: 14px !important;
    padding: 8px 6px !important;
    vertical-align: top !important;
  }
}
body.site-form-flow #account_history > .review_box table td,
body.site-form-flow #history_info .review_box table td {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
body.site-form-flow #account_history > .review_box table td strong,
body.site-form-flow #history_info .review_box table td strong {
  font-size: 13px !important;
  font-weight: 700 !important;
}
body.site-form-flow #account_history > .contentText {
  font-size: 13px !important;
  line-height: 1.45 !important;
  clear: both !important;
  float: none !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}
body.site-form-flow #account_history > .contentText p {
  float: none !important;
  text-align: left !important;
  margin: 6px 0 !important;
}
body.site-form-flow #account_history .buttonSet {
  margin-top: 8px !important;
  clear: both !important;
  float: none !important;
}

/*
 * Registracija: mk_ik sada učini override na #mj-container .mj-createaccount input — ovo je rezerva.
 */
html body.site-form-flow #mj-container #mj-maincontent #mj-contentarea .mj-createaccount .contentText.acc_container input[type="text"],
html body.site-form-flow #mj-container #mj-maincontent #mj-contentarea .mj-createaccount .contentText.acc_container input[type="password"],
html body.site-form-flow #mj-container #mj-maincontent #mj-contentarea .mj-createaccount .contentText.acc_container input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* =============================================================================
   Jedinstveni UI — cijeli #mj-container (desktop + mobilno)
   Font, veličine, CTA gumbi; isključeni slider/slick, hamburger, datepicker, dijalozi.
   ============================================================================= */
@media screen and (max-width: 979px) {
  :root {
    --mo-text-base: 14px;
    --mo-text-sm: 13px;
    --mo-btn-fs: 14px;
  }
}

#mj-header,
#mj-header .mj-header-login,
#mj-header input:not(.mj-header-search-input),
#mj-header button {
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-sm) !important;
}
#mj-header .mj-header-search-input,
#mj-header input.mj-header-search-input[name="keywords"] {
  font-size: 20px !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

#mj-container .smallText,
#mj-container small,
#mj-container .small {
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-xs) !important;
  line-height: 1.45 !important;
  color: var(--mo-card-category) !important;
}

#mj-container #mj-maincontent button:not(.ai-btn):not(.ui-button):not(.ui-dialog-titlebar-close):not(.close):not(.btn-navbar):not(.slick-arrow):not(.slick-prev):not(.slick-next):not(.mj-cart-popup-close):not(.mo-brands-alpha__btn):not(.mo-home-bs__chev),
#mj-container #mj-maincontent input[type="button"]:not(.ui-datepicker-trigger),
#mj-container #mj-maincontent input[type="reset"],
#mj-container #mj-maincontent .btn:not(.btn-navbar):not(.btn-link):not(.close):not(.slick-arrow),
#mj-container #mj-footer button:not(.close):not(.ui-button),
#mj-container #mj-footer .btn:not(.btn-navbar):not(.btn-link) {
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  line-height: 1.25 !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border: 1px solid var(--mo-olive-active) !important;
  color: var(--mo-cta-text) !important;
  text-shadow: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
}
#mj-container #mj-maincontent button:not(.ai-btn):not(.ui-button):not(.close):not(.btn-navbar):not(.slick-arrow):not(.mj-cart-popup-close):not(.mo-home-bs__chev):hover,
#mj-container #mj-maincontent button:not(.ai-btn):not(.ui-button):not(.close):not(.btn-navbar):not(.slick-arrow):not(.mj-cart-popup-close):not(.mo-home-bs__chev):focus-visible,
#mj-container #mj-maincontent input[type="button"]:not(.ui-datepicker-trigger):hover,
#mj-container #mj-maincontent input[type="reset"]:hover,
#mj-container #mj-maincontent .btn:not(.btn-navbar):not(.btn-link):hover,
#mj-container #mj-footer .btn:not(.btn-navbar):not(.btn-link):hover {
  background-color: var(--mo-olive-hover) !important;
  border-color: var(--mo-olive-active) !important;
  color: var(--mo-cta-text) !important;
}

/* Napredno pretraživanje — kao .btn-bs4 / UI primary: ista visina 42px radi umjerenih uglova (ne „pilula”) */
#mj-container #mj-contentarea #ai-search-form .ai-actions button.ai-btn {
  float: none !important;
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  line-height: 1.25 !important;
  letter-spacing: 0.045em !important;
  border-radius: var(--mo-btn-radius) !important;
  padding: 0 var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: uppercase !important;
  margin-left: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
  background-image: none !important;
  cursor: pointer !important;
}
#mj-container #mj-contentarea #ai-search-form .ai-actions button.ai-btn.ai-btn-primary,
#mj-container #mj-contentarea #ai-search-form .ai-actions button.ai-btn.ai-btn-secondary,
#mj-container #mj-contentarea #ai-search-form .ai-actions button.ai-btn.ai-btn-primary:disabled {
  background-color: var(--mo-olive) !important;
  border: 1px solid var(--mo-olive-active) !important;
  color: var(--mo-cta-text) !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
#mj-container #mj-contentarea #ai-search-form .ai-actions button.ai-btn.ai-btn-primary:hover,
#mj-container #mj-contentarea #ai-search-form .ai-actions button.ai-btn.ai-btn-secondary:hover,
#mj-container #mj-contentarea #ai-search-form .ai-actions button.ai-btn.ai-btn-primary:focus-visible,
#mj-container #mj-contentarea #ai-search-form .ai-actions button.ai-btn.ai-btn-secondary:focus-visible {
  background-color: var(--mo-olive-hover) !important;
  border-color: var(--mo-olive-active) !important;
  color: var(--mo-cta-text) !important;
}

#mj-container #mj-maincontent .btn-link,
#mj-container #mj-footer .btn-link {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--mo-olive) !important;
  padding: 6px 4px !important;
  font-weight: var(--mo-btn-fw) !important;
}
#mj-container #mj-maincontent .btn-link:hover,
#mj-container #mj-footer .btn-link:hover {
  color: var(--mo-olive-hover) !important;
  text-decoration: underline !important;
}

#mj-container input[type="text"],
#mj-container input[type="email"],
#mj-container input[type="search"],
#mj-container input[type="password"],
#mj-container input[type="tel"],
#mj-container input[type="number"],
#mj-container select,
#mj-container textarea {
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-base) !important;
  line-height: var(--mo-leading) !important;
  color: var(--mo-body-text) !important;
}

#mj-container a:not(.mj-header-cart-link):not(.mj-header-brand):not(.btn-navbar):not(.flex-prev):not(.flex-next):not(.slick-arrow) {
  font-family: inherit !important;
}

/* =============================================================================
   Brandovi (brands.php) — slova + mreža linkova, usklađeno s tokenima (desktop + mobilno)
   ============================================================================= */
#mj-container .mo-brands-page {
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-bottom: 1.5rem !important;
}
#mj-container .mo-brands-page__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 72rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  float: none !important;
  clear: both !important;
  padding: 1.25rem clamp(0.75rem, 2.5vw, 1.5rem) 2rem !important;
  background: var(--mo-surface) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(52, 74, 36, 0.07) !important;
}
body.page-brands #mj-container .mo-brands-page__intro {
  display: block !important;
  flex-direction: unset !important;
  justify-content: unset !important;
  align-items: unset !important;
}
#mj-container .mo-brands-alpha {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  float: none !important;
  clear: both !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  padding-bottom: 2px !important;
  margin-bottom: 0.75rem !important;
  background: linear-gradient(180deg, var(--mo-surface) 72%, rgba(255, 255, 255, 0)) !important;
}
#mj-container .mo-brands-panels {
  width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  float: none !important;
  clear: both !important;
}
#mj-container .mo-brands-page__title {
  font-family: var(--mo-font-sans) !important;
  font-size: 1.5rem !important;
  font-weight: var(--mo-heading-weight) !important;
  line-height: 1.25 !important;
  color: var(--mo-banner-heading) !important;
  margin: 0 0 0.35em 0 !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid var(--mo-line) !important;
}
#mj-container .mo-brands-page__intro {
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-text-base) !important;
  line-height: var(--mo-leading) !important;
  color: var(--mo-body-text) !important;
  margin: 0.75rem 0 1rem 0 !important;
  max-width: 42rem !important;
}
#mj-container .mo-brands-alpha__scroll {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  background: var(--mo-surface-soft) !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}
#mj-container .mo-brands-alpha__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.35rem !important;
  min-height: 2.45rem !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 1px solid var(--mo-line) !important;
  background: var(--mo-surface) !important;
  color: var(--mo-body-text) !important;
  font-family: var(--mo-font-sans) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
  box-sizing: border-box !important;
}
#mj-container .mo-brands-alpha__btn:hover,
#mj-container .mo-brands-alpha__btn:focus-visible {
  background: var(--mo-input-bg) !important;
  border-color: var(--mo-sage-medium) !important;
  color: var(--mo-olive) !important;
  outline: none !important;
}
#mj-container .mo-brands-alpha__btn--active,
#mj-container .mo-brands-alpha__btn--active:hover {
  background: var(--mo-olive) !important;
  border-color: var(--mo-olive-active) !important;
  color: var(--mo-cta-text) !important;
}
#mj-container .mo-brands-panel {
  margin-top: 0.25rem !important;
  padding-top: 0.5rem !important;
  box-sizing: border-box !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}
#mj-container .mo-brands-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)) !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  clear: both !important;
}
#mj-container .mo-brands-list > li {
  float: none !important;
  min-width: 0 !important;
}
#mj-container .mo-brands-list__link {
  display: block !important;
  padding: 12px 14px !important;
  border: 1px solid var(--mo-line) !important;
  border-radius: 10px !important;
  background: var(--mo-input-bg) !important;
  color: var(--mo-body-text) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: var(--mo-text-base) !important;
  line-height: 1.35 !important;
  box-shadow: 0 1px 2px rgba(52, 74, 36, 0.04) !important;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
  box-sizing: border-box !important;
}
#mj-container .mo-brands-list__link:hover,
#mj-container .mo-brands-list__link:focus-visible {
  border-color: var(--mo-sage-medium) !important;
  background: var(--mo-surface) !important;
  color: var(--mo-olive) !important;
  box-shadow: 0 2px 8px rgba(52, 74, 36, 0.08) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}
#mj-container .mo-brands-list__empty {
  grid-column: 1 / -1 !important;
  padding: 1rem 0.5rem !important;
  color: var(--mo-card-category) !important;
  font-size: var(--mo-text-sm) !important;
  line-height: var(--mo-leading) !important;
  font-style: italic !important;
  list-style: none !important;
}

@media screen and (min-width: 900px) {
  #mj-container .mo-brands-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media screen and (min-width: 1280px) {
  #mj-container .mo-brands-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media screen and (max-width: 979px) {
  #mj-container .mo-brands-page__title {
    font-size: 1.25rem !important;
  }
  #mj-container .mo-brands-alpha {
    position: relative !important;
    background: transparent !important;
    top: auto !important;
    z-index: auto !important;
  }
  #mj-container .mo-brands-alpha__scroll {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    gap: 6px !important;
    padding: 10px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 8 !important;
  }
  #mj-container .mo-brands-alpha__btn {
    flex: 0 0 auto !important;
    min-width: 2.65rem !important;
    min-height: 2.65rem !important;
  }
  #mj-container .mo-brands-list {
    grid-template-columns: 1fr !important;
  }
}

/* Paginacija — uski ekrani: jedan red (brojevi scrollaju); staro pravilo je u 2 reda rušilo mobile */
@media screen and (max-width: 480px) {
  .mj-pagination-row,
  #mj-contentarea .pagination_container,
  #productlisting .pagination_container {
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 6px 8px !important;
  }
  .mj-pagination-row > span:last-child,
  #mj-contentarea .pagination_container > span:last-child,
  #productlisting .pagination_container > span:last-child {
    flex: 0 0 auto !important;
    order: -1 !important;
    text-align: left !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  .mj-pagination-outer,
  #mj-contentarea .mj-pagination-outer,
  #productlisting > div:first-of-type .mj-pagination-outer,
  .pagination_container .mj-pagination-outer {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-content: flex-end !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .mj-pagination {
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    margin-left: 0 !important;
  }
  /* Manji dodir za brojeve na uskom retku */
  .mj-pagination a.pageResults:not(.pageResults-nav-prev):not(.pageResults-nav-next),
  .mj-pagination strong {
    min-width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 2px 4px !important;
    font-size: 11px !important;
  }
}

/* jQuery UI Autocomplete dropdown — poviši z-index da bude iznad headera i navbara */
.ui-autocomplete {
  z-index: 99999 !important;
  max-height: 320px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  font-size: 14px !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  padding: 8px 14px !important;
  cursor: pointer !important;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover {
  background: #f0f5f0 !important;
  color: #2d6a2d !important;
  border: none !important;
  border-radius: 0 !important;
}

/* jQuery UI ikone na zelenim/styled gumbima — sakrij plavi sprite da ne kvari izgled */
.btn-bs4 .ui-button-icon-primary,
.btn-bs4 .ui-button-icon-secondary,
.btn-bs4 a.ui-button .ui-icon,
.btn-bs4 button.ui-button .ui-icon,
#mj-shoppingcart .ui-button .ui-button-icon-primary,
#mj-shoppingcart .ui-button .ui-button-icon-secondary,
.buttonSet .ui-button .ui-button-icon-primary,
.buttonSet .ui-button .ui-button-icon-secondary,
/* checkout_payment: Dalje (#tdb2) i Vrati se gumbi */
#tdb2 .ui-button-icon-primary,
#tdb2 .ui-button-icon-secondary,
#tdb2 .ui-icon,
.mo-checkout-confirm-actions .ui-icon,
.mo-checkout-confirm-actions .ui-button-icon-primary,
.mo-checkout-confirm-actions .ui-button-icon-secondary,
.checkout-buttons-for-confirmation .ui-icon,
.checkout-buttons-for-confirmation .ui-button-icon-primary,
.checkout-buttons-for-confirmation .ui-button-icon-secondary {
  display: none !important;
}

/* ─── Filter za slike proizvoda — malo svjetlije, oštrije, življe ──────────────── */
#piGal img,
.product-image img,
#productImage,
.centeredContent img {
  filter: brightness(1.03) contrast(1.08) saturate(1.05);
  transition: filter 0.2s ease;
}

/* ─── Drift.js product image zoom ────────────────────────────────────────────── */
#mo-drift-pane {
  display: none;
  position: absolute;
  width: 380px;
  height: 380px;
  border: 1px solid #d0d8c8;
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.14);
  overflow: hidden;
  background: #fff;
  z-index: 200;
  left: calc(100% + 20px);
  top: 0;
}
.mj-product_infoleft {
  position: relative;
}
.drift-zoom-pane.drift-open {
  display: block !important;
}
/* Bounding box (hover outline na slici) */
.drift-bounding-box {
  background: rgba(107, 143, 78, 0.12) !important;
  border: 2px solid rgba(107, 143, 78, 0.5) !important;
  border-radius: 4px !important;
}
@media (max-width: 900px) {
  #mo-drift-pane { display: none !important; }
}
/* ────────────────────────────────────────────────────────────────────────────── */

/* Checkout: povratak (isti CTA kao „Dalje” / ostatak shopa) — NE kompakt 11px inače se ruši ravnina visine */
a.mo-btn-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
  color: var(--mo-cta-text) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  border-radius: var(--mo-btn-radius) !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
a.mo-btn-back:hover {
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
}

/* checkout: header „Prijava” — kompakt; ne mazati gumbe checkout_plaćanje / potvrde */
#mj-container #mj-header #headerShortcuts a#tdb2.ui-button,
#mj-container #mj-header #headerShortcuts a#tdb2.ui-state-default {
  font-size: inherit !important;
  font-family: inherit !important;
  padding: 6px 12px !important;
  line-height: 1.3 !important;
  height: auto !important;
  min-height: 0 !important;
  border: none !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  background-image: none !important;
}

/* account_history2: button fix — prevent .link_button a float:right (mj-template.css) from escaping to sidebar */
#account_history .buttonSet .link_button,
#account_history .buttonSet .link_button .tdbLink {
  float: none !important;
  overflow: hidden !important;
}
#account_history .buttonSet .link_button a,
#account_history .buttonSet .link_button .tdbLink > a {
  float: none !important;
  position: static !important;
}

/* ── Mobilna donja traka — unificirani FA gumbi ─────────────────────── */
.mo-mobile-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
}
.mo-mobile-nav-item {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 2px 4px !important;
  min-width: 0 !important;
  text-decoration: none !important;
  color: #6b7a5e !important;
  background: transparent !important;
  border: none !important;
}
.mo-mobile-nav-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}
.mo-mobile-nav-item .mo-mobile-nav-icon .fa {
  font-size: 1.15rem !important;
  color: #6b7a5e !important;
  display: block !important;
  text-align: center !important;
  line-height: 1 !important;
}
.mo-mobile-nav-label {
  font-size: 9px !important;
  margin-top: 3px !important;
  color: #6b7a5e !important;
  display: block !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
.mo-mobile-nav-item.active .mo-mobile-nav-icon .fa,
.mo-mobile-nav-item:hover .mo-mobile-nav-icon .fa,
.mo-mobile-nav-item.active .mo-mobile-nav-label,
.mo-mobile-nav-item:hover .mo-mobile-nav-label {
  color: var(--mo-olive) !important;
}

/* Checkout mobilni samo raspored širina — bez padding/radius ovdje (ne kolizija s jedinstvenim CTA blokom iznad). */
@media (max-width: 640px) {
  .mo-checkout-confirm-actions,
  #checkoutPayment .mo-checkout-confirm-actions,
  #checkoutConfirmation .mo-checkout-confirm-actions,
  #checkout_comments .mo-checkout-confirm-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
  }
  #checkoutPayment .mo-checkout-confirm-actions > *,
  #checkoutConfirmation .mo-checkout-confirm-actions > *,
  #checkout_comments .mo-checkout-confirm-actions > *,
  #checkout_comments .mo-checkout-confirm-actions > p.btn-bs4,
  #checkout_comments .mo-checkout-confirm-actions > p.btn-bs4-small {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  #checkoutConfirmation .mo-checkout-confirm-actions > span.tdbLink .mo-checkout-confirm-pay,
  #checkoutConfirmation .mo-checkout-confirm-actions > span.tdbLink > button,
  #checkoutPayment .mo-checkout-confirm-actions > span.tdbLink .mo-checkout-confirm-pay,
  #checkoutPayment .mo-checkout-confirm-actions > span.tdbLink > button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* Sakrij cart popup na checkout stranicama (ne treba tamo) */
body#checkoutPayment .mo-cart-popup,
body#checkoutConfirmation .mo-cart-popup,
body#checkoutShipping .mo-cart-popup {
  display: none !important;
}
/* Sakrij cart popup unutar checkout div-a (ne body ID nego div ID) */
#checkoutPayment ~ .mo-cart-popup,
#checkoutPayment .mo-cart-popup {
  display: none !important;
}
/* ── Sidebari — sakrij na mobilnom (≤768); iznimke: listing (layout rev 8 = dno stranice), checkout, račun ── */
@media (max-width: 768px) {
  body:not(.checkout_confirmation):not(.checkout-success):not(.flow-checkout-payment):not(.flow-checkout-shipping):not(.flow-checkout-shipping-address):not(.flow-checkout-payment-address):not(.homepage):not(.c-path):not(.spectype):not(.advanced_search_result):not(.product-page):not(.site-form-flow.flow-account):not(.site-form-flow.flow-account-history):not(.site-form-flow.flow-account-history-info):not(.site-form-flow.flow-address-book):not(.site-form-flow.flow-address-book-process) #mj-right,
  body:not(.checkout_confirmation):not(.checkout-success):not(.flow-checkout-payment):not(.flow-checkout-shipping):not(.flow-checkout-shipping-address):not(.flow-checkout-payment-address):not(.homepage):not(.c-path):not(.spectype):not(.advanced_search_result):not(.product-page):not(.site-form-flow.flow-account):not(.site-form-flow.flow-account-history):not(.site-form-flow.flow-account-history-info):not(.site-form-flow.flow-address-book):not(.site-form-flow.flow-address-book-process) #mj-left,
  body:not(.checkout_confirmation):not(.checkout-success):not(.flow-checkout-payment):not(.flow-checkout-shipping):not(.flow-checkout-shipping-address):not(.flow-checkout-payment-address):not(.homepage):not(.c-path):not(.spectype):not(.advanced_search_result):not(.product-page):not(.site-form-flow.flow-account):not(.site-form-flow.flow-account-history):not(.site-form-flow.flow-account-history-info):not(.site-form-flow.flow-address-book):not(.site-form-flow.flow-address-book-process) #mj-maincontent #mj-right,
  body:not(.checkout_confirmation):not(.checkout-success):not(.flow-checkout-payment):not(.flow-checkout-shipping):not(.flow-checkout-shipping-address):not(.flow-checkout-payment-address):not(.homepage):not(.c-path):not(.spectype):not(.advanced_search_result):not(.product-page):not(.site-form-flow.flow-account):not(.site-form-flow.flow-account-history):not(.site-form-flow.flow-account-history-info):not(.site-form-flow.flow-address-book):not(.site-form-flow.flow-address-book-process) #mj-maincontent #mj-left {
    display: none !important;
  }
  /* Main content zauzme punu širinu */
  #mj-contentarea,
  #mj-contentarea.mj-grid64,
  #mj-contentarea.mj-grid80,
  #mj-contentarea.mj-grid96 {
    width: 100% !important;
    max-width: 100% !important;
    right: auto !important;
    left: auto !important;
    float: none !important;
    position: relative !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Iznimka: račun / adrese — prikaži oba stupca i ≤768px (nadjačaj globalno skrivanje) */
@media (max-width: 768px) {
  body.site-form-flow.flow-account #mj-left,
  body.site-form-flow.flow-account #mj-right,
  body.site-form-flow.flow-account-history #mj-left,
  body.site-form-flow.flow-account-history #mj-right,
  body.site-form-flow.flow-account-history-info #mj-left,
  body.site-form-flow.flow-account-history-info #mj-right,
  body.site-form-flow.flow-address-book #mj-left,
  body.site-form-flow.flow-address-book #mj-right,
  body.site-form-flow.flow-address-book-process #mj-left,
  body.site-form-flow.flow-address-book-process #mj-right,
  body.site-form-flow.flow-account #mj-maincontent #mj-left,
  body.site-form-flow.flow-account #mj-maincontent #mj-right,
  body.site-form-flow.flow-account-history #mj-maincontent #mj-left,
  body.site-form-flow.flow-account-history #mj-maincontent #mj-right,
  body.site-form-flow.flow-account-history-info #mj-maincontent #mj-left,
  body.site-form-flow.flow-account-history-info #mj-maincontent #mj-right,
  body.site-form-flow.flow-address-book #mj-maincontent #mj-left,
  body.site-form-flow.flow-address-book #mj-maincontent #mj-right,
  body.site-form-flow.flow-address-book-process #mj-maincontent #mj-left,
  body.site-form-flow.flow-address-book-process #mj-maincontent #mj-right {
    display: block !important;
  }
}

/* Checkout tijekovi — eksplicitno prikaži sidebar stupce ispod naplate (nadjačaj eventualni drugi hide) */
@media (max-width: 768px) {
  body.site-form-flow.flow-checkout-payment #mj-left,
  body.site-form-flow.flow-checkout-payment #mj-right,
  body.site-form-flow.flow-checkout-shipping #mj-left,
  body.site-form-flow.flow-checkout-shipping #mj-right,
  body.site-form-flow.flow-checkout-shipping-address #mj-left,
  body.site-form-flow.flow-checkout-shipping-address #mj-right,
  body.site-form-flow.flow-checkout-payment-address #mj-left,
  body.site-form-flow.flow-checkout-payment-address #mj-right,
  body.checkout_confirmation.site-form-flow #mj-left,
  body.checkout_confirmation.site-form-flow #mj-right,
  body.checkout-success.site-form-flow #mj-left,
  body.checkout-success.site-form-flow #mj-right,
  body.site-form-flow.flow-checkout-payment #mj-maincontent #mj-left,
  body.site-form-flow.flow-checkout-payment #mj-maincontent #mj-right,
  body.site-form-flow.flow-checkout-shipping #mj-maincontent #mj-left,
  body.site-form-flow.flow-checkout-shipping #mj-maincontent #mj-right,
  body.site-form-flow.flow-checkout-shipping-address #mj-maincontent #mj-left,
  body.site-form-flow.flow-checkout-shipping-address #mj-maincontent #mj-right,
  body.site-form-flow.flow-checkout-payment-address #mj-maincontent #mj-left,
  body.site-form-flow.flow-checkout-payment-address #mj-maincontent #mj-right,
  body.checkout_confirmation.site-form-flow #mj-maincontent #mj-left,
  body.checkout_confirmation.site-form-flow #mj-maincontent #mj-right,
  body.checkout-success.site-form-flow #mj-maincontent #mj-left,
  body.checkout-success.site-form-flow #mj-maincontent #mj-right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   LIVE SEARCH PANEL
   ═══════════════════════════════════════════════════════════════ */
.ls-search-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.ai-fg-rel {
  position: relative;
}
#ls-panel,
#ai-ls-panel {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9999;
  display: none;
  background: var(--color-bg, #fff);
  border: 0.5px solid #c8d8c0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.ls-panel { display: none; position: absolute; top: calc(100% + 4px); left: 0; right: 0; background: var(--color-bg, #fff); border: 0.5px solid #c8d8c0; border-radius: 10px; overflow: hidden; z-index: 9999; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.ls-item { display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-bottom: 0.5px solid #f0f4ee; text-decoration: none; color: #2a3a22; font-size: 13px; }
.ls-item:hover { background: #f4f7f2; }
.ls-item:last-of-type { border-bottom: none; }
.ls-priority { border-left: 3px solid #5a7a4a; }
.ls-suggestion { background: #fafafa; }
.ls-suggestion-icon { font-size: 13px; flex-shrink: 0; width: 20px; text-align: center; }
.ls-name { flex: 1; line-height: 1.3; }
.ls-badge { font-size: 10px; background: #e1f5ee; color: #0f6e56; padding: 2px 7px; border-radius: 999px; white-space: nowrap; flex-shrink: 0; }
.ls-separator { font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: #999; padding: 6px 14px 3px; background: #fafafa; }
.ls-thumb { width: 36px; height: 36px; object-fit: contain; border-radius: 6px; background: #f4f7f2; flex-shrink: 0; }
.ls-thumb-empty { width: 36px; height: 36px; border-radius: 6px; background: #f4f7f2; flex-shrink: 0; }
.ls-footer { display: block; padding: 9px 14px; background: #f4f7f2; font-size: 13px; color: #5a7a4a; text-align: center; font-weight: 500; text-decoration: none; }
.ls-footer:hover { background: #e8f0e4; }
.ls-empty { padding: 14px; font-size: 13px; color: #888; text-align: center; }
/* Model referenca na dnu opisa proizvoda */
.mo-product-model-ref {
  margin-top: 18px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--mo-line, #e8ede4) !important;
  font-size: 11px !important;
  color: #aaa !important;
  font-style: italic !important;
  letter-spacing: 0.03em !important;
}
/* ═══════════════════════════════════════════════════════════════
   KOŠARICA — footer akcijski red i gumbi
   ═══════════════════════════════════════════════════════════════ */
.mj-cart-footer-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 20px !important;
  padding: 16px 0 8px !important;
  border-top: 1px solid var(--mo-line, #e8ede4) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.mj-cart-footer-actions .product-cart-price {
  order: 1 !important;
  flex: 0 0 auto !important;
}
.mj-cart-footer-actions .product-cart-buttons {
  order: 2 !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
#cartSubTotal {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--mo-body-text, #2a3a22) !important;
  white-space: nowrap !important;
}
/* Gumbi košarice — kao #mj-maincontent button.btn-bs4 / ostali zeleni CTA (--mo-*), bez „pilule” koja odstupa */
#mj-container #mj-maincontent a.mo-cart-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 var(--mo-btn-pad-x) !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  font-family: var(--mo-font-sans) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  text-decoration: none !important;
  border-radius: var(--mo-btn-radius) !important;
  cursor: pointer !important;
  line-height: 1.25 !important;
  border: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  width: auto !important;
  max-width: var(--mo-btn-max-width) !important;
}
#mj-container #mj-maincontent a.mo-cart-btn.mo-cart-btn-primary {
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  color: var(--mo-cta-text) !important;
}
#mj-container #mj-maincontent a.mo-cart-btn.mo-cart-btn-primary:hover,
#mj-container #mj-maincontent a.mo-cart-btn.mo-cart-btn-primary:focus-visible {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
  text-decoration: none !important;
}
/* Sekundarni: obrub („nastavi kupovinu”), ne još jedna puna masa */
#mj-container #mj-maincontent a.mo-cart-btn.mo-cart-btn-secondary {
  background: var(--mo-surface) !important;
  background-color: var(--mo-surface) !important;
  color: var(--mo-sage-dark) !important;
  border: 1px solid rgba(107, 143, 78, 0.45) !important;
  box-shadow: 0 1px 4px rgba(52, 74, 36, 0.08) !important;
}
#mj-container #mj-maincontent a.mo-cart-btn.mo-cart-btn-secondary:hover,
#mj-container #mj-maincontent a.mo-cart-btn.mo-cart-btn-secondary:focus-visible {
  background: var(--mo-accent-tab-hover) !important;
  background-color: var(--mo-accent-tab-hover) !important;
  color: var(--mo-sage-dark) !important;
  border-color: var(--mo-olive) !important;
  text-decoration: none !important;
}

/* Pražnjena košarica — isti vizual kao CTA na flow stranicama */
#mj-container #mj-maincontent #mj-shoppingcart .content_box > a.mo-cart-btn {
  margin-top: 10px !important;
}

/* Mobilna košarica — stacker */
@media (max-width: 640px) {
  .mj-cart-footer-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .mj-cart-footer-actions .product-cart-price {
    order: 1 !important;
    width: 100% !important;
  }
  #cartSubTotal {
    font-size: 18px !important;
    text-align: left !important;
  }
  .mj-cart-footer-actions .product-cart-buttons {
    order: 2 !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: stretch !important;
  }
  #mj-container #mj-maincontent #mj-shoppingcart .mj-cart-footer-actions .product-cart-buttons > a.mo-cart-btn,
  #mj-container #mj-maincontent #mj-shoppingcart .content_box > a.mo-cart-btn {
    display: inline-flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: var(--mo-cta-height) !important;
    text-align: center !important;
  }
}
/* Sakrij tab navigaciju na product page (sadrzaj ostaje vidljiv) */
.mj_prodinfo_tabcontent > ul.tabs {
  display: none !important;
}
.mj_prodinfo_tabcontent .tabcontents {
  border-top: none !important;
  padding-top: 0 !important;
}
/* Checkout (bez sidebara) — full-width content area */
body.flow-checkout-payment #mj-contentarea,
body.flow-checkout-payment #mj-contentarea.mj-grid64,
body.flow-checkout-shipping #mj-contentarea,
body.flow-checkout-shipping #mj-contentarea.mj-grid64,
body.flow-checkout-confirmation #mj-contentarea,
body.flow-checkout-confirmation #mj-contentarea.mj-grid64 {
  width: 100% !important;
  max-width: 100% !important;
  right: auto !important;
  left: auto !important;
  float: none !important;
  box-sizing: border-box !important;
}
/* Desktop — checkout plaćanje: ljevo | središte | desno
   (#mj-left / #mj-right su unutar #mj-maincontent > .mj-subcontainer, ne izravno u #mj-container) */
@media (min-width: 769px) {
  body.flow-checkout-payment #mj-container {
    overflow-x: visible !important;
    overflow-y: visible !important;
  }
  body.flow-checkout-payment #mj-maincontent {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
  }
  body.flow-checkout-payment #mj-maincontent > .mj-subcontainer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-payment #mj-left {
    display: block !important;
    flex: 0 0 200px !important;
    width: 200px !important;
    max-width: 200px !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    order: 0 !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-payment #mj-contentarea,
  body.flow-checkout-payment #mj-contentarea.mj-grid64 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    right: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    order: 1 !important;
    box-sizing: border-box !important;
  }
  body.flow-checkout-payment #mj-right {
    display: block !important;
    flex: 0 0 200px !important;
    width: 200px !important;
    max-width: 200px !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    order: 2 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* nohomepage.css: #mj-right { right: -65.7% } inače gura stupac izvan ekrana */
    position: static !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }
}

/* Checkout plaćanje — vidljiv desni stupac na desktopu (nohomepage offset / ostali overridei) */
@media (min-width: 769px) {
  body.flow-checkout-payment #mj-right,
  body.checkout_payment #mj-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 200px !important;
    float: right !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }
}
/* Košarica: cijena ne smije biti odrezana — overflow visible na footer redu */
body.flow-shopping-cart #mj-shoppingcart #new-category .mj-cart-footer-actions {
  overflow: visible !important;
}
body.flow-shopping-cart #cartSubTotal {
  overflow: visible !important;
  white-space: nowrap !important;
}
/* ── Lijeva kolona — sakrij na tablet/mobile (≤979px), osim listinga (rev 8), checkouta i računa ── */
@media screen and (max-width: 979px) {
  body:not(.checkout_confirmation):not(.checkout-success):not(.flow-checkout-payment):not(.flow-checkout-shipping):not(.flow-checkout-shipping-address):not(.flow-checkout-payment-address):not(.homepage):not(.c-path):not(.spectype):not(.advanced_search_result):not(.site-form-flow.flow-account):not(.site-form-flow.flow-account-history):not(.site-form-flow.flow-account-history-info):not(.site-form-flow.flow-address-book):not(.site-form-flow.flow-address-book-process) #mj-left,
  body:not(.checkout_confirmation):not(.checkout-success):not(.flow-checkout-payment):not(.flow-checkout-shipping):not(.flow-checkout-shipping-address):not(.flow-checkout-payment-address):not(.homepage):not(.c-path):not(.spectype):not(.advanced_search_result):not(.site-form-flow.flow-account):not(.site-form-flow.flow-account-history):not(.site-form-flow.flow-account-history-info):not(.site-form-flow.flow-address-book):not(.site-form-flow.flow-address-book-process) #mj-maincontent #mj-left {
    display: none !important;
  }
}

/* ── Račun / adrese — lijevi + desni stupac u jednom redu ispod sadržaja (≤979px) ── */
@media screen and (max-width: 979px) {
  body.site-form-flow.flow-account .mj-subcontainer,
  body.site-form-flow.flow-account-history .mj-subcontainer,
  body.site-form-flow.flow-account-history-info .mj-subcontainer,
  body.site-form-flow.flow-address-book .mj-subcontainer,
  body.site-form-flow.flow-address-book-process .mj-subcontainer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  body.site-form-flow.flow-account #mj-contentarea,
  body.site-form-flow.flow-account-history #mj-contentarea,
  body.site-form-flow.flow-account-history-info #mj-contentarea,
  body.site-form-flow.flow-address-book #mj-contentarea,
  body.site-form-flow.flow-address-book-process #mj-contentarea {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    order: 0 !important;
  }
  body.site-form-flow.flow-account #mj-left,
  body.site-form-flow.flow-account #mj-right,
  body.site-form-flow.flow-account-history #mj-left,
  body.site-form-flow.flow-account-history #mj-right,
  body.site-form-flow.flow-account-history-info #mj-left,
  body.site-form-flow.flow-account-history-info #mj-right,
  body.site-form-flow.flow-address-book #mj-left,
  body.site-form-flow.flow-address-book #mj-right,
  body.site-form-flow.flow-address-book-process #mj-left,
  body.site-form-flow.flow-address-book-process #mj-right {
    display: block !important;
    flex: 1 1 calc(50% - 4px) !important;
    width: calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
    min-width: 0 !important;
    float: none !important;
    position: static !important;
    order: 1 !important;
    box-sizing: border-box !important;
  }
}

/* ── Checkout gumbi — FINALNI, bez inline stilova ───────────────── */
.mo-checkout-confirm-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 16px !important;
}
/* ── Checkout gumbi — jedan CTA (Plaćanje + Potvrda; <a>, <button>, jQuery UI, input) ── */
.mo-checkout-confirm-actions > a.mo-btn-back,
.mo-checkout-confirm-actions > button.mo-checkout-confirm-pay,
.mo-checkout-confirm-actions > button#tdb2,
.mo-checkout-confirm-actions .mo-checkout-confirm-pay:not(input),
.mo-checkout-confirm-actions input.mo-checkout-confirm-pay--input,
.mo-checkout-confirm-actions p.btn-bs4 .ui-button,
.mo-checkout-confirm-actions p.btn-bs4 a.ui-button,
.mo-checkout-confirm-actions p.btn-bs4 button.ui-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  line-height: 1.25 !important;
  border-radius: var(--mo-btn-radius) !important;
  border: none !important;
  box-sizing: border-box !important;
  width: auto !important;
  flex: 0 0 auto !important;
  max-width: var(--mo-btn-max-width) !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  background: var(--mo-olive) !important;
  background-color: var(--mo-olive) !important;
  background-image: none !important;
  color: var(--mo-cta-text) !important;
}
.mo-checkout-confirm-actions > a.mo-btn-back:hover,
.mo-checkout-confirm-actions > button.mo-checkout-confirm-pay:hover,
.mo-checkout-confirm-actions > button#tdb2:hover,
.mo-checkout-confirm-actions .mo-checkout-confirm-pay:not(input):hover,
.mo-checkout-confirm-actions input.mo-checkout-confirm-pay--input:hover,
.mo-checkout-confirm-actions p.btn-bs4 .ui-button:hover {
  background: var(--mo-olive-hover) !important;
  background-color: var(--mo-olive-hover) !important;
  color: var(--mo-cta-text) !important;
  text-decoration: none !important;
}
.mo-checkout-confirm-actions p.btn-bs4,
.mo-checkout-confirm-actions > p.btn-bs4-small {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: contents !important;
}

/* Mobilni + tablet: oba gumba (Vrati/Dalje) puna širina —nadjača specifičniji (> button) blok iznad */
@media screen and (max-width: 979px) {
  #checkout_comments.checkout-buttons-for-confirmation {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions,
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > a.mo-btn-back,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > button,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > button.mo-checkout-confirm-pay,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > button#tdb2,
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions > a.mo-btn-back,
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions > button,
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions > button.mo-checkout-confirm-pay {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions p.btn-bs4 .ui-button,
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions p.btn-bs4 a.ui-button,
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions p.btn-bs4 button.ui-button,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions p.btn-bs4 .ui-button,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions p.btn-bs4 a.ui-button,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions p.btn-bs4 button.ui-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Naplati / Dalje unutar span.tdbLink (nije izravan child) — ista puna širina kao Vrati se */
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions > span.tdbLink,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span.tdbLink,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span:not(.tdbLink) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    gap: 8px !important;
  }
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions > span.tdbLink .mo-checkout-confirm-pay,
  #mj-container #checkoutConfirmation .mo-checkout-confirm-actions > span.tdbLink > button,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span.tdbLink .mo-checkout-confirm-pay,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span.tdbLink > button,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span:not(.tdbLink) .ui-button,
  #mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > span:not(.tdbLink) .mo-checkout-confirm-pay {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 640px) {
  .mo-checkout-confirm-actions .mo-btn-back,
  .mo-checkout-confirm-actions button.mo-checkout-confirm-pay,
  .mo-checkout-confirm-actions #tdb2,
  .mo-checkout-confirm-actions input.mo-checkout-confirm-pay--input,
  .mo-checkout-confirm-actions p.btn-bs4 .ui-button,
  .mo-checkout-confirm-actions > span.tdbLink,
  .mo-checkout-confirm-actions > span.tdbLink .mo-checkout-confirm-pay,
  .mo-checkout-confirm-actions > span.tdbLink > button {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
}
@media (min-width: 980px) {
  .mo-checkout-confirm-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    margin-top: 16px !important;
  }
  .mo-checkout-confirm-actions > a.mo-btn-back,
  .mo-checkout-confirm-actions > button.mo-checkout-confirm-pay,
  .mo-checkout-confirm-actions > button#tdb2,
  .mo-checkout-confirm-actions .mo-checkout-confirm-pay:not(input),
  .mo-checkout-confirm-actions input.mo-checkout-confirm-pay--input,
  .mo-checkout-confirm-actions p.btn-bs4 .ui-button {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/*
 * Nad kontekstnim #mj-maincontent button.btn-bs4 (isti ID broj kao u header shortcuteima):
 * forsira istu visinu / radius kao BoxNow CTA (#checkout_payment).
 */
#mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > a.mo-btn-back,
#mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > button.mo-checkout-confirm-pay,
#mj-container #checkoutPayment #checkout_comments .mo-checkout-confirm-actions > button#tdb2,
#mj-container #checkoutConfirmation .mo-checkout-confirm-actions .mo-checkout-confirm-pay:not(input),
#mj-container #checkoutConfirmation .mo-checkout-confirm-actions input.mo-checkout-confirm-pay--input,
#mj-container #checkoutConfirmation .mo-checkout-confirm-actions > a.mo-btn-back,
#mj-container #checkoutConfirmation .mo-checkout-confirm-actions p.btn-bs4 .ui-button,
#mj-container #checkoutConfirmation .mo-checkout-confirm-actions p.btn-bs4 a.ui-button,
#mj-container #checkoutConfirmation .mo-checkout-confirm-actions p.btn-bs4 button.ui-button {
  height: var(--mo-cta-height) !important;
  min-height: var(--mo-cta-height) !important;
  padding: var(--mo-btn-pad-y) var(--mo-btn-pad-x) !important;
  line-height: 1.25 !important;
  border-radius: var(--mo-btn-radius) !important;
  font-size: var(--mo-btn-fs) !important;
  font-weight: var(--mo-btn-fw) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  box-sizing: border-box !important;
  border: none !important;
}

/* ── Footer — SVE boje teksta bijele (catch-all) ─────────────────── */
#mj-footer,
#mj-footer p,
#mj-footer span,
#mj-footer div,
#mj-footer li,
#mj-footer h1,
#mj-footer h2,
#mj-footer h3,
#mj-footer h4,
#mj-footer h5,
#mj-footer label,
#mj-footer td,
#mj-footer .small,
#mj-footer .small_txt,
#mj-footer .footer-headlines,
#mj-footer h3.footer-headlines,
#mj-footer .footer-text-info {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#mj-footer a,
#mj-footer a:visited {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#mj-footer a:hover {
  color: rgba(255,255,255,0.75) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.75) !important;
}

/* ── Live search — autocomplete prijedlozi (razina 1) ── */
.ls-suggestion {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-size: 13px;
  color: #2a3a22;
  cursor: pointer;
  border-bottom: 0.5px solid #f0f4ee;
}
.ls-suggestion:hover {
  background: #f4f7f2;
}
.ls-suggestion-icon {
  color: #5a7a4a;
  font-size: 12px;
  flex-shrink: 0;
}
.ls-divider {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #999;
  padding: 6px 16px 2px;
  background: #fafafa;
  border-top: 1px solid #f0f4ee;
}

/* ── Besplatna dostava — progress bar ── */
.delivery-progress {
  background: #fff;
  border: 0.5px solid #c8d8c0;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 16px;
}
.dp-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px;
  color: #2a3a22;
}
.dp-top strong { color: #5a7a4a; }
.dp-amount { font-size: 12px; color: #aaa; }
.dp-track {
  background: #e8f0e4;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}
.dp-fill {
  background: #5a7a4a;
  height: 8px;
  border-radius: 999px;
  transition: width 0.4s ease;
}
.dp-done {
  background: #f4f7f2;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #2a3a22;
  display: flex;
  align-items: center;
  gap: 10px;
}
.dp-check {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #5a7a4a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
}

/* ── Live search — thumbnail slike (grupe 2 i 3) ── */
.ls-thumb {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 6px;
  background: #f4f7f2;
  flex-shrink: 0;
}
.ls-thumb-placeholder {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #f4f7f2;
  flex-shrink: 0;
}
.ls-with-img {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ── Live search — typo tolerancija ── */
.ls-typo {
  padding: 10px 16px;
  font-size: 13px;
  color: #666;
  background: #fafafa;
  border-top: 1px solid #f0f4ee;
}
.ls-typo-link {
  color: #5a7a4a;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  margin-right: 8px;
}
.ls-typo-link:hover {
  color: #3d5c32;
}

/* ── Separatori na stranici rezultata naprednog pretraživanja ── */
.ai-result-separator {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #5a7a4a;
  padding: 14px 4px 6px;
  margin-top: 8px;
  border-top: 2px solid #d6e8c4;
  grid-column: 1 / -1;
  width: 100%;
}

/* Donja mobilna traka + body padding: ≤768 (usklađeno s modern-scripts matchMedia) — odvojeno od ostalih bugfixeva na 640 */
@media (max-width: 768px) {
  .mo-mobile-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    z-index: 2147483000 !important;
    background: #ffffff !important;
    border-top: 1px solid #dde8d0 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08) !important;
    padding-left: env(safe-area-inset-left, 0) !important;
    padding-right: env(safe-area-inset-right, 0) !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    min-height: 52px !important;
    max-height: 70px !important;
    overflow: hidden !important;
  }
  .mo-mobile-nav-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }
  body {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Košarica: bez donje trake — inače „Izvrši kupnju” ne prima tap */
  body.flow-shopping-cart .mo-mobile-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.flow-shopping-cart {
    padding-bottom: 16px !important;
  }
  /* Footer u normalnom tijeku (ne fixed) — ispod svih artikala, ne usred liste */
  body.flow-shopping-cart #mj-shoppingcart,
  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer > .delivery-progress {
    order: 0 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer > .contentText {
    order: 1 !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .mj-cart-footer-actions {
    order: 2 !important;
    flex: 0 0 auto !important;
    position: sticky !important;
    left: auto !important;
    right: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 0 !important;
    z-index: 2147483647 !important;
    background: var(--mo-surface, #fff) !important;
    padding: 14px 12px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    box-shadow: 0 -4px 16px rgba(52, 74, 36, 0.12) !important;
    border-top: 1px solid var(--mo-line, #e8ede4) !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    isolation: isolate !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .mj-cart-footer-actions .product-cart-buttons {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    pointer-events: auto !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .mj-cart-footer-actions .product-cart-buttons > a.mo-cart-btn {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(107, 143, 78, 0.25) !important;
    cursor: pointer !important;
  }
  /* Cookie traka na dnu ne smije prekriti CTA košarice */
  body.flow-shopping-cart #cookie-bar.fixed.bottom {
    z-index: 2140000000 !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .my-cart-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 14px clamp(10px, 2.5vw, 14px) !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product-image-qty-price {
    display: grid !important;
    grid-template-columns: minmax(96px, 30vw) minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product_info_image {
    width: 100% !important;
    max-width: min(120px, 30vw) !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product_info_image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: contain !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .product-quantity-price {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  /* Checkout koraci: CTA iznad fiksne donje trake */
  body.site-form-flow.flow-checkout-shipping,
  body.site-form-flow.flow-checkout-payment,
  body.site-form-flow.flow-checkout-shipping-address,
  body.site-form-flow.flow-checkout-payment-address,
  body.checkout_confirmation.site-form-flow,
  body.checkout-success.site-form-flow {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #checkoutPayment .mo-checkout-confirm-actions,
  #checkoutConfirmation .mo-checkout-confirm-actions,
  #checkout_comments .mo-checkout-confirm-actions {
    position: relative !important;
    z-index: 2147483002 !important;
    margin-bottom: 8px !important;
    scroll-margin-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #mj-container #mj-maincontent a.mo-cart-btn.mo-cart-btn-primary,
  #checkoutPayment .mo-checkout-confirm-pay,
  #checkoutConfirmation .mo-checkout-confirm-pay,
  #checkoutConfirmation .mo-checkout-confirm-actions > span.tdbLink > button.mo-checkout-confirm-pay {
    min-height: 48px !important;
    touch-action: manipulation !important;
    pointer-events: auto !important;
  }

  /* Popup „Dodano u košaricu” — iznad donje trake, ne ispod nje */
  .mo-cart-popup {
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    right: max(12px, env(safe-area-inset-right, 12px)) !important;
    z-index: 2147483640 !important;
  }

  /* Potvrda plaćanja: inline margin-top:-120px gura gumbe izvan dodira */
  #checkoutConfirmation div[style*="margin-top:-120"],
  #checkoutConfirmation div[style*="margin-top: -120"] {
    margin-top: 0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   MOBILNI BUGFIX — ostali layouti (max-width: 640px)
   ══════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {

  /* ── 1. Navigacijska traka (#mj-righttop) — ukloni sivi prazni prostor ── */
  /* Hamburger ostaje funkcionalan; samo uklanjamo min-height koji stvara sivu traku */
  #mj-righttop {
    min-height: 0 !important;
  }
  #mj-righttop .navbar-inner {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Bootstrap collapse: skrivena nav = nula visine */
  #jsn-pos-mainnav.collapse:not(.in) {
    height: 0 !important;
    overflow: hidden !important;
    display: block !important;
  }

  /* ── 3. Paginacija — "1-24 od 271" i brojevi stranica u istom redu ── */
  .mj-pagination-row,
  .pagination_container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    overflow-x: auto !important;
  }
  .mj-pagination-row .mj-pagination-outer,
  .pagination_container .mj-pagination-outer {
    float: none !important;
    order: 2 !important;
    flex-shrink: 0 !important;
  }
  .mj-pagination-row > span:not(.mj-pagination-outer),
  .pagination_container > span:not(.mj-pagination-outer) {
    order: 1 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  /* Sakrij <br> koji dolazi odmah iza paginacije */
  .mj-pagination-row + br {
    display: none !important;
  }

  /* ── 4. Bijeli prazan blok iznad "Preporučujemo" ──────────────── */
  /* Prazni <h1> u search/category prikazu (tmptitle nije postavljen
     u trenutku renderiranja <h1> u advanced_search_result.php) */
  .tabcontent h1:empty,
  #view1 h1:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .tabcontent h1,
  #view1 h1 {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
  }
  /* <br><br> koji sort dropdown ostavlja iza sebe */
  .select_order_type + br,
  .select_order_type + br + br {
    display: none !important;
  }

  /* ── 5. Listing zaglavlje — naslov vidljiv; na početnici/spectype malo više zraka ── */
  body:not(.homepage):not(.spectype) #mo-listing-header.mo-listing-header {
    padding: 0 !important;
    margin-bottom: 6px !important;
  }
  body.homepage #mo-listing-header.mo-listing-header,
  body.spectype #mo-listing-header.mo-listing-header {
    padding: 0 !important;
    margin-bottom: 14px !important;
  }
  #mo-listing-header .mo-listing-header__inner {
    padding: 7px 8px !important;
    border-radius: 8px !important;
    border-top-width: 2px !important;
  }
  #mo-listing-header .mo-listing-header__inner > h1,
  #mo-listing-header h1 {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
  }
  #mo-listing-header .mo-listing-title-primary {
    font-size: 1.02rem !important;
  }
  #mo-listing-header .mo-listing-title-secondary {
    font-size: 0.78rem !important;
    line-height: 1.28 !important;
    max-width: none !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  /* <br><br> unutar #mo-listing-header */
  #mo-listing-header br {
    display: none !important;
  }

  /* ── 6. Paginacija — jedan red, blaga kartica (usklađeno s desktop) ─────────────────── */
  .mj-pagination-row,
  .pagination_container {
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    padding: 7px 8px !important;
    margin-bottom: 6px !important;
    background: #f8faf6 !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 10px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    overflow-x: auto !important;
  }
  /* Ukloni background s linkova — pobijedi desktop double-ID pravilo */
  #mj-container #mj-maincontent a.pageResults,
  #mj-container #mj-maincontent .mj-pagination a.pageResults,
  .mj-pagination-row a.pageResults,
  .pagination_container a.pageResults,
  a.pageResults {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 3px 5px !important;
    font-size: 12px !important;
    margin: 0 1px !important;
    color: var(--mo-body-text) !important;
  }
  /* Trenutna stranica (strong) — samo donja crta, bez pozadine */
  .mj-pagination strong {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid var(--mo-olive) !important;
    box-shadow: none !important;
    color: var(--mo-olive) !important;
    padding: 2px 5px !important;
    font-size: 12px !important;
  }
  /* Tekst "Stranica:" sakrij — ostave samo brojevi */
  .mj-pagination-outer {
    font-size: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
  }
  .mj-pagination-outer .mj-pagination {
    font-size: 12px !important;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  /* Broj rezultata (npr. "1 do 24 od 271") */
  .mj-pagination-row > span:not(.mj-pagination-outer),
  .pagination_container > span:not(.mj-pagination-outer),
  .pagination_container > span:not(.pager) {
    font-size: 11px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    color: #888 !important;
  }

  /* ── 7. Layout unutar granica — spriječi horizontalni overflow ── */
  #mj-container,
  #mj-maincontent,
  .mj-subcontainer {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  /* Produkt grid ne smije biti širi od ekrana */
  .products-grid,
  .new-product-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Slike u karticama ne smiju izlaziti van */
  .centerBoxContentsNew {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   MOBILNA KATEGORIJSKA STRANICA — product listing fixes (max-width: 768px)
   Stvarni selektori iz new_products.php i modern-override.css
   ══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* 1. Paginacija — jedan red: brojač pa linkovi (redoslijed DOM-a u *.php ima outer prije counts) */
  .mj-pagination-row,
  .pagination_container {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding: 8px 10px !important;
  }
  .mj-pagination-row .mj-pagination-outer,
  .pagination_container .mj-pagination-outer,
  .pagination_container .pager.mj-pagination-outer {
    float: none !important;
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .mj-pagination-row > span:not(.mj-pagination-outer),
  .pagination_container > span:not(.mj-pagination-outer),
  .pagination_container > span:not(.pager) {
    order: 1 !important;
  }

  .mj-pagination-outer {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    gap: 2px !important;
    justify-content: flex-end !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .mj-pagination {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  .mj-pagination a.pageResults,
  .mj-pagination strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    flex-shrink: 0 !important;
    color: #2a3a22 !important;
  }

  .mj-pagination a.pageResults {
    border: none !important;
    background: transparent !important;
  }

  .mj-pagination strong {
    background: none !important;
    color: #5a7a4a !important;
    border: none !important;
    font-weight: 700 !important;
  }

  .mj-pagination a.pageResults u {
    text-decoration: none !important;
  }

  .mj-pagination a.pageResults-nav-next u {
    text-decoration: none !important;
  }

  /* 2. Kartica — jednaka visina */
  .centerBoxContentsNew {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  /* Naziv — max 3 reda */
  .new-card-product-name {
    flex: 1 !important;
  }

  .new-card-product-title-link {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.38 !important;
    min-height: 0 !important;
    max-height: none !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  }

  /* Srce — stilovi su definirani globalno iznad, nema potrebe za override-om */

  /* Cijena i košarica — uvijek na dnu */
  .propricemain {
    margin-top: 4px !important;
    padding-top: 0 !important;
  }

  .mj-card-actions-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    column-gap: 8px !important;
    gap: 8px !important;
    padding-left: 0 !important;
    padding-right: 21px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .centerBoxContentsNew .prodprice,
  .centerBoxContentsFeatured .prodprice,
  .centerBoxContentsSpecials .prodprice {
    text-align: right !important;
  }
  /* Desni blok: nowrap cijena — bez max-width na djeci (inače se € reže); ćelija dobiva min-width:0 u širem pravilu */
  .centerBoxContentsNew .mj-card-actions-row .mj-card-price-cell .prodprice,
  .centerBoxContentsFeatured .mj-card-actions-row .mj-card-price-cell .prodprice,
  .centerBoxContentsSpecials .mj-card-actions-row .mj-card-price-cell .prodprice {
    display: flex !important;
    flex-direction: column !important;
    text-align: right !important;
    align-items: flex-end !important;
    float: none !important;
    clear: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-right: 8px !important;
    overflow: visible !important;
  }

  .prodprice p {
    font-size: 11px !important;
    margin: 0 !important;
  }

  .prodprice font {
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  .centerBoxContentsNew .mj-card-price-cell .prodprice p.text-line-through,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice p.text-line-through,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice p.text-line-through {
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
  .centerBoxContentsNew .mj-card-price-cell .prodprice font,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice font,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice font {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    display: inline-block !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
  .centerBoxContentsNew .mj-card-price-cell .prodprice font a,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice font a,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice font a,
  .centerBoxContentsNew .mj-card-price-cell .prodprice > a,
  .centerBoxContentsFeatured .mj-card-price-cell .prodprice > a,
  .centerBoxContentsSpecials .mj-card-price-cell .prodprice > a {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* 3. Smanji bijeli prostor iznad proizvoda */
  #mo-listing-header {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   KARTICE PROIZVODA — kompletni redesign s točnim selektorima
   ══════════════════════════════════════════════════════════════════ */

/* ===== KARTICE — jednaka visina (samo mobilno, desktop = 3 stupca iz .products-grid) ===== */
@media (max-width: 768px) {
  .products-grid.new-product-card {
    display: grid !important;
    /* minmax(0, 1fr) — inače min-content stupca rasteše mreži > 100% i drugi stupac ispada pod overflow-x:hidden */
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    row-gap: 12px !important;
    column-gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  /* Kartica smije ustupiti unutar ćelije stupca umjesto da širi cijelu mrežu */
  .products-grid.new-product-card .centerBoxContentsNew.centeredContent,
  .products-grid.new-product-card .centerBoxContentsFeatured.centeredContent,
  .products-grid.new-product-card .centerBoxContentsSpecials.centeredContent {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Zrak između košare+zastava i cijene — izbjegnuti preklapanje oznake zemlje i precrtane cijene */
  #mj-container .mj-card-actions-row {
    column-gap: 16px !important;
    gap: 16px !important;
  }
  #mj-container .mj-card-actions-row > .mj-card-actions-leading {
    margin-inline-end: 8px !important;
  }
  #mj-container .mj-card-actions-row:has(.mj-card-country-flag) {
    column-gap: 22px !important;
    gap: 22px !important;
  }
  /* Usk stupac — veća ikona košarice (nadjačava kompaktne vrijednosti iz starijeg bloka) */
  #mj-container .mj-card-actions-row .mj-card-cart-cell a.mj-productdetail-more.mj-listing-cart-nav {
    min-width: 52px !important;
    min-height: 50px !important;
    padding: 2px 6px !important;
  }
  #mj-container .mj-card-actions-row .mj-card-cart-cell .fa-shopping-cart {
    font-size: 42px !important;
  }
  .centerBoxContentsNew .mj-card-country-flag svg,
  .centerBoxContentsFeatured .mj-card-country-flag svg,
  .centerBoxContentsSpecials .mj-card-country-flag svg {
    width: 25px !important;
  }
  .centerBoxContentsNew .mj-card-country-flag > div > span,
  .centerBoxContentsFeatured .mj-card-country-flag > div > span,
  .centerBoxContentsSpecials .mj-card-country-flag > div > span {
    font-size: 10px !important;
    padding: 0 4px !important;
    min-height: 19px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  #mj-container .mj-card-actions-leading .mj-card-country-flag {
    margin-right: 12px !important;
  }
  /* 2 stupca: košara+zastava pune širine badgea (bez max-width/clip koji lome zastavicu) */
  #mj-container .mj-card-actions-leading {
    justify-content: flex-start !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    overflow-x: visible !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    gap: 6px !important;
    column-gap: 6px !important;
  }
  #mj-container .mj-card-actions-row:has(.mj-card-country-flag) .mj-card-actions-leading {
    gap: 8px !important;
    column-gap: 8px !important;
  }
  #mj-container .mj-card-actions-leading .mj-card-cart-cell,
  #mj-container .mj-card-actions-leading .mj-card-cart-cell .productbtn.mj-card-cart-only {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }
  #mj-container .mj-card-actions-leading .mj-card-cart-cell .mj-productdetailimage {
    width: auto !important;
    max-width: none !important;
  }
  #mj-container .mj-card-actions-row > .mj-card-price-cell {
    flex: 1 1 0% !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    margin-left: auto !important;
    padding-left: clamp(10px, 3.6vw, 16px) !important;
    padding-right: 43px !important;
  }
  #mj-container .mj-card-actions-row .mj-card-price-cell .prodprice {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    float: none !important;
    clear: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding-right: 10px !important;
  }

  /* Sa zastavom još malo dodatnog zraka od zastave prema cijeni i uz € */
  #mj-container .mj-card-actions-row:has(.mj-card-country-flag) > .mj-card-price-cell {
    padding-left: 22px !important;
    padding-right: 54px !important;
  }
  #mj-container .mj-card-actions-row:has(.mj-card-country-flag) .mj-card-price-cell .prodprice {
    padding-right: 31px !important;
  }
  #mj-container .products-grid .propricemain .mj-card-actions-row:has(.mj-card-country-flag) > .mj-card-price-cell {
    padding-right: 54px !important;
  }
  #mj-container .products-grid .propricemain .mj-card-actions-row:has(.mj-card-country-flag) .mj-card-price-cell .prodprice {
    padding-right: 31px !important;
  }
}

.centerBoxContentsNew {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Mobilna lista: kartica bez horizontalnog cropa uz cijenu (nadjača .centerBoxContentsNew iznad) */
@media screen and (max-width: 979px) {
  #mj-container .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container .products-grid .centerBoxContentsSpecials.centeredContent {
    overflow: visible !important;
  }
}

/* ===== NAZIV — max 3 reda ===== */
.imagename {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  overflow: hidden !important;
}

.new-card-product-name {
  padding: 6px 8px !important;
  flex: 1 !important;
}

.new-card-product-title-link {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  min-height: calc(3 * 1.35em) !important;
  color: #2a3a22 !important;
  text-decoration: none !important;
}

/* Desktop: naziv kartice — pouzdano tri retka (nadjačaj starije `display:block` + line-clamp kombinacije). */
@media screen and (min-width: 980px) {
  #mj-container #mj-contentarea .centerBoxContentsNew .product_name.new-card-product-name > a.new-card-product-title-link,
  #mj-container #mj-contentarea .centerBoxContentsFeatured .product_name.new-card-product-name > a.new-card-product-title-link,
  #mj-container #mj-contentarea .centerBoxContentsSpecials .product_name.new-card-product-name > a.new-card-product-title-link,
  #mj-container #mj-contentarea .centerBoxContentsAlsoPurch .product_name.new-card-product-name > a.new-card-product-title-link,
  #mj-container #mj-contentarea .product_name.new-card-product-name > a.new-card-product-title-link,
  #mj-container #mj-contentarea .product_name.new-card-product-name .product-title-special-card {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
  }
}

/* ===== CIJENA I KOŠARICA — uvijek na dnu ===== */
.propricemain {
  margin-top: auto !important;
  padding: 6px 8px !important;
  border-top: none !important;
}

/*
 * Trajno rješenje rezanja cijene / € uz rub kartice:
 * akcije.css ima .propricemain { overflow: hidden }; uz nowrap cijeni u užem stupcu
 * tekst ide izvan okvira i „nestaje“. Starije liste bez mj-card zadržavaju hidden.
 */
#mj-container .propricemain:has(.mj-card-actions-row) {
  overflow: visible !important;
}

/* Mobilno: bez dodatnog „šanka” lijevo/desno uz donji red (poravnanje s naslovom) */
@media screen and (max-width: 979px) {
  /* Isti 8 px kao na .new-card-product-name da donji red bude uz naslov/kategoriju */
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .propricemain,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent .propricemain,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent .propricemain {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* Desktop+: cijena raste u flex retku i drži desno — globalno pravilo NIJE mobilno jer remeti ≤979 zamjene (.centerBoxContentsNew .mj-card-*) */
@media screen and (min-width: 980px) {
  .mj-card-actions-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mj-card-price-cell {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    text-align: right !important;
  }

  .prodprice {
    text-align: right !important;
    line-height: 1.2 !important;
  }

  /* Kartice — desktop veće zastavice (bazni HTML SVG 20×14 + 9px kod zemlje; mobilno posebno nadjačano u ≤979 / ≤768) */
  #mj-container .centerBoxContentsNew .mj-card-country-flag svg,
  #mj-container .centerBoxContentsFeatured .mj-card-country-flag svg,
  #mj-container .centerBoxContentsSpecials .mj-card-country-flag svg,
  #mj-container .centerBoxContentsAlsoPurch .mj-card-country-flag svg,
  body.product-page #mj-container .single-page-related-product-card .mj-card-country-flag svg {
    width: 32px !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    flex-shrink: 0 !important;
  }
  #mj-container .centerBoxContentsNew .mj-card-country-flag > div > span,
  #mj-container .centerBoxContentsFeatured .mj-card-country-flag > div > span,
  #mj-container .centerBoxContentsSpecials .mj-card-country-flag > div > span,
  #mj-container .centerBoxContentsAlsoPurch .mj-card-country-flag > div > span,
  body.product-page #mj-container .single-page-related-product-card .mj-card-country-flag > div > span {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    padding: 0 8px !important;
    min-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  #mj-container .centerBoxContentsNew .mj-card-country-flag > div,
  #mj-container .centerBoxContentsFeatured .mj-card-country-flag > div,
  #mj-container .centerBoxContentsSpecials .mj-card-country-flag > div,
  #mj-container .centerBoxContentsAlsoPurch .mj-card-country-flag > div,
  body.product-page #mj-container .single-page-related-product-card .mj-card-country-flag > div {
    border-radius: 6px !important;
  }
}

.prodprice p.text-line-through {
  font-size: 10px !important;
  margin: 0 !important;
  color: #aaa !important;
  text-decoration: line-through !important;
}

.prodprice font {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.prodprice font a {
  color: #3a6e20 !important;
  text-decoration: none !important;
}

/* ===== KOŠARICA IKONA ===== */
.mj-card-cart-cell .fa-shopping-cart {
  font-size: 34px !important;
  color: #5a7a4a !important;
}

/* ===== SRCE — placeholder, stilovi su u button.mo-wishlist-btn ispod ===== */

/* ===== POPUST BADGE ===== */
.product-card-image-new .discount {
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  z-index: 2 !important;
  background: #5a7a4a !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 6px !important;
  border-radius: 999px !important;
}

/* ===== ZASTAVICA (ne smije flex-shrink — inače se „FR”/i SVG lome u 2 stupca) ===== */
.mj-card-country-flag {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}
.mj-card-country-flag > div {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

/* ===== TOOLTIP SAKRIJ ===== */
.mo-wishlist-tooltip {
  display: none !important;
}

/* ===== ROK BADGE ===== */
.mj-card-promo-between {
  font-size: 9px !important;
  color: #c87941 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0 !important;
}

/* Wishlist button — bijeli krug, bez zelene pozadine iz template.css */
button.mo-wishlist-btn,
#mj-contentarea button.mo-wishlist-btn {
  all: unset !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 12 !important;
  cursor: pointer !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  background-color: #fff !important;
  border: 0.5px solid #c8d8c0 !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  text-transform: none !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

button.mo-wishlist-btn i.fa-heart-o,
button.mo-wishlist-btn i.fa-heart {
  font-size: 13px !important;
  color: #aaa !important;
  transition: color 0.2s ease !important;
}

button.mo-wishlist-btn:hover,
#mj-contentarea button.mo-wishlist-btn:hover {
  background: #f4f7f2 !important;
  background-color: #f4f7f2 !important;
  border-color: #a8bf7a !important;
}

button.mo-wishlist-btn:hover i,
button.mo-wishlist-btn.mo-in-wishlist i,
button.mo-wishlist-btn.active i {
  color: #5a7a4a !important;
}

button.mo-wishlist-btn.mo-in-wishlist,
button.mo-wishlist-btn.active,
#mj-contentarea button.mo-wishlist-btn.mo-in-wishlist,
#mj-contentarea button.mo-wishlist-btn.active {
  background: #fff !important;
  background-color: #fff !important;
  border-color: #5a7a4a !important;
}

button.mo-wishlist-btn.mo-in-wishlist i,
button.mo-wishlist-btn.active i {
  color: #5a7a4a !important;
}

button.mo-wishlist-btn .mo-wishlist-tooltip {
  display: none !important;
}

/* INFO box u sidebaru (bm_information) — linkovi su u footeru */
#box_information {
  display: none !important;
}

#mj-footer .moduletable.mj-grid24.mj-dotted {
  width: auto !important;
  max-width: 100% !important;
  flex: 1 !important;
}

#mj-footer .custom.mj-grid24.mj-dotted {
  width: 100% !important;
  max-width: 100% !important;
}

#mj-footer ul.footer-bullet {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  gap: 2px 14px !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

#mj-footer .footer-bullet li {
  margin: 0 !important;
  padding: 1px 0 !important;
  line-height: 1.4 !important;
}

#mj-footer .footer-bullet li a {
  font-size: 12px !important;
  padding: 1px 0 !important;
  line-height: 1.4 !important;
}

/* HIDE BRAND BANNER IMAGE */
#mo-listing-header img.center {
  display: none !important;
}

/* FOOTER PAYMENT ICONS */
.footer-middle-image {
  background: transparent !important;
  padding: 10px 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.footer-middle-image img {
  height: 28px !important;
  width: auto !important;
  opacity: 1 !important;
  filter: brightness(1.2) !important;
  display: inline-block !important;
}

/* Footer payment strip — visibility / stacking wins over conflicting footer rules */
#mj-footer .footer-middle-image,
#mj-footer .footer-middle-image a,
#mj-footer .footer-middle-image img {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  clip: auto !important;
}

#mj-footer .footer-middle-image img {
  height: 28px !important;
  width: auto !important;
  filter: brightness(1.3) !important;
}

/* FOOTER - sakrij strelice uz linkove u „Dodatno” (bez .follow društvenih mreža) */
#mj-footer .fa-angle-right,
#mj-footer .arrow,
#mj-footer .footer-bullet li a i.fa {
  display: none !important;
}

/* Homepage hero Flexslider ≤979px: fluid visina + min-width:0 na viewportu (izbjegni horizontalni overflow); kategorijska Slick traka — už padding */
@media screen and (max-width: 979px) {
  /* Flexslider: min-width:auto na flex djeci često širi red izvan viewporta */
  #mj-slideshow .flex-viewport,
  #mj-slideshow .flexslider,
  #mj-container #mj-slideshow {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Poništi akcije.css (#mj-slideshow img { right:50px; height:400px; width:auto }) ako proklize specifičnosti */
  #mj-slideshow img {
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    top: auto !important;
  }
  /* Bez *-mobile.*: jedan JPG za široku traku na desktopu — na mobitelu ne smije object-fit:contain („tanak praznak” uz bijelo).
     Viši slot + cover popunjava hero; ako treba čitljivost bez reza → generiraj {ime}-mobile.* (PHP alat). */
  body.homepage #mj-slideshow:not(.mj-slideshow--mob-src) .slide_img,
  #mj-slideshow:not(.mj-slideshow--mob-src) .slide_img {
    position: relative !important;
    height: clamp(248px, 74vw, 420px) !important;
    min-height: clamp(248px, 74vw, 420px) !important;
    max-height: clamp(248px, 74vw, 420px) !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: unset !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: var(--mo-page-bg, #f6f9f4) !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.homepage #mj-slideshow.mj-slideshow--mob-src .slide_img,
  #mj-slideshow.mj-slideshow--mob-src .slide_img {
    position: relative !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: unset !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: var(--mo-page-bg, #f6f9f4) !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #mj-slideshow .slide_img.mj-slide-hero--desk-only img {
    object-fit: cover !important;
    object-position: center 28% !important;
  }
  /* Mobilni (-mobile.*): ista kompaktna kutija (3∶2), ali contain = cijela slika bez reza; tanke pozadinske trake ako je baner još širi od kutije */
  #mj-slideshow .slide_img.mj-slide-hero--mob img {
    object-fit: contain !important;
    object-position: center center !important;
  }
  #mj-slideshow .slide_img > a .mj-slide-ph,
  #mj-slideshow .slide_img > a,
  #mj-slideshow .slide_img img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  #mj-slideshow .flexslider,
  #mj-slideshow .flex-viewport {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /*
   * Flexslider (jquery.flexslider.js): na touch uređajima svi slajdovi dobiju display:block + opacity 0/1.
   * U protivnom su neaktivni display:none — visina tada odgovara jednom slajdu. Kad su svi u protoku,
   * visina .slides postaje max(visine svih <li>) → ogroman prazan blok ispod hera na mobitelu.
   * Fiksna visina ul.slides rasteruje sve <li> na jedan viewport.
   */
  #mj-slideshow:not(.mj-slideshow--mob-src) .flexslider .slides {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: clamp(248px, 74vw, 420px) !important;
    max-height: clamp(248px, 74vw, 420px) !important;
    min-height: clamp(248px, 74vw, 420px) !important;
    overflow: hidden !important;
    position: relative !important;
  }
  /* Mob *-mobile.*: kompaktan hero (~3∶2, max-visina); cijelu grafiku bez crop-a osigurava contain na img (vidi .mj-slide-hero--mob) */
  #mj-slideshow.mj-slideshow--mob-src .flexslider .slides {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    aspect-ratio: 3 / 2 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(44vh, 272px) !important;
    overflow: hidden !important;
    position: relative !important;
  }
  /* Flexslider inače postavlja viewport visinu iz JS-a; bitno da ne zbija portretnu kutiju */
  body.homepage #mj-slideshow.mj-slideshow--mob-src .flex-viewport,
  #mj-slideshow.mj-slideshow--mob-src .flex-viewport {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }
  /* Strelice unutar hero slike — kompaktniji krug od desktopa (glavno pravilo u MQ ≤979px iznad) */
  #mj-slideshow.mj-slideshow--mob-src .flex-direction-nav a {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
  #mj-slideshow.mj-slideshow--mob-src .flex-direction-nav .flex-prev {
    left: max(6px, env(safe-area-inset-left, 0px)) !important;
  }
  #mj-slideshow.mj-slideshow--mob-src .flex-direction-nav .flex-next {
    right: max(6px, env(safe-area-inset-right, 0px)) !important;
  }
  #mj-slideshow .flexslider .slides > li {
    box-sizing: border-box !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  /* Visina klizišta = slajd — ne nameťuj 220px na viewport ako JS računa drugačije */
  #mj-slideshow,
  body.homepage #mj-slideshow,
  #mj-slideshow .flexslider,
  body.homepage #mj-slideshow .flexslider,
  #mj-slideshow .flex-viewport,
  body.homepage #mj-slideshow .flex-viewport {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
}

/* ACCOUNT CREATED SUCCESS PAGE */
#mj-createaccountsucess,
#mj-createaccountsuccess {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  float: none !important;
  background: #ffffff !important;
  border-top: 4px solid #6b8f4e !important;
}
#mj-createaccountsucess h1,
#mj-createaccountsuccess h1 {
  color: #344a24 !important;
  font-size: 22px !important;
  margin-bottom: 20px !important;
  display: block !important;
  width: 100% !important;
}
#mj-createaccountsucess p,
#mj-createaccountsuccess p {
  color: #444 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-bottom: 16px !important;
  display: block !important;
  width: 100% !important;
  clear: both !important;
}
#mj-createaccountsucess .important-paragraph,
#mj-createaccountsuccess .important-paragraph {
  background: #f4f6f0 !important;
  border-left: 3px solid #6b8f4e !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  margin-bottom: 20px !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#mj-createaccountsucess .buttonSet,
#mj-createaccountsuccess .buttonSet {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin-top: 24px !important;
  padding: 24px 0 36px !important;
  border-top: 1px solid #d4dfc4 !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}
/* Poništava akcije.css: .link_button a { float:right } */
#mj-createaccountsucess .buttonSet .link_button,
#mj-createaccountsuccess .buttonSet .link_button {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
#mj-createaccountsucess .buttonSet .link_button a,
#mj-createaccountsuccess .buttonSet .link_button a,
#mj-createaccountsucess .buttonSet .link_button .ui-button,
#mj-createaccountsuccess .buttonSet .link_button .ui-button {
  float: none !important;
  margin: 0 auto !important;
  min-width: min(100%, 12rem) !important;
}
#mj-createaccountsucess .contentContainer,
#mj-createaccountsuccess .contentContainer {
  padding-bottom: 40px !important;
  min-height: 200px !important;
}
#mj-createaccountsucess a,
#mj-createaccountsuccess a {
  color: #6b8f4e !important;
  font-weight: 600 !important;
}

/* =============================================================================
   Povezani / zadnji pregledani (product_info): puni naslov bez line-clamp; mreža kartica preko <tbody>:
   desktop 3 stupca, mobil/tablet ≤979px 2 stupca (globalni .products-grid tr/td display:contents nadjačen).
   ============================================================================= */
body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  gap: 0 !important;
}

body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .mo-related-products-wrap {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-spacing: 0 !important;
}

body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .mo-related-products-wrap tbody {
  display: grid !important;
  width: 100% !important;
  box-sizing: border-box !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
  align-items: stretch !important;
}

@media screen and (max-width: 979px) {
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .mo-related-products-wrap tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
  }
}

/* Suženi desktop: s bočnim stupcima središte je usko — 3 kolone sužavaju kartice */
@media screen and (min-width: 980px) and (max-width: 1279px) {
  body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .mo-related-products-wrap tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
  }
}

body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .mo-related-products-wrap tr {
  display: contents !important;
}

body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .mo-related-products-wrap td {
  display: flex !important;
  padding: 0 !important;
  vertical-align: top !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .imagename {
  overflow: visible !important;
}
body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .product_name.new-card-product-name > a.new-card-product-title-link,
body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .centerBoxContentsNew .product_name.new-card-product-name > a {
  display: block !important;
  -webkit-box-orient: unset !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  text-overflow: unset !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card tr > td > .centerBoxContentsNew.centeredContent {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}
body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card .propricemain {
  margin-top: auto !important;
}

/*
 * =============================================================================
 * MOBILNA kartica (≤979px) — jedinstveni footer: košara + zastava | cijena
 * =============================================================================
 * Problem: flex-retci s margin-left:auto na cijeni + zastavom lako prelaze širinu
 * stupca (2 kolone) pa legacy overflow:hidden na kartici reže €.
 * Rješenje: CSS Grid s auto | minmax(0,1fr) — drugi stupac dobije PREOSTALI prostor;
 * minmax(0,…) smanjuje ispod intrinsic min-content (Chrome/Safari/Firefox/Edge).
 * Na kraju datoteke nadjača starije flex/padding hackove. Bez :has za ovaj raspored.
 * =============================================================================
 */
@media screen and (max-width: 979px) {
  #mj-container .products-grid .propricemain,
  #mj-container #mj-contentarea .products-grid .propricemain,
  body.product-page #mj-container .single-page-related-product-card .propricemain {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    min-width: 0 !important;
  }

  #mj-container .products-grid .propricemain .mj-card-actions-row,
  #mj-container #mj-contentarea .products-grid .propricemain .mj-card-actions-row,
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row {
    display: grid !important;
    /* Lijevo najviše ~44 % širine retka → košara+zastava se pri uskom stupcu Wrapaju u više redova
       umjesto da Chrome „iscrta” flag preko stupca s cijenom (overflow iz prve kolone). */
    grid-template-columns: minmax(0, 44%) minmax(0, 1fr) !important;
    align-items: start !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    flex-wrap: unset !important;
    justify-content: unset !important;
    /* Nemoj koristiti skraćeni `gap:0` — poništio bi column-gap iznad */
    row-gap: 0 !important;
  }

  #mj-container .products-grid .propricemain .mj-card-actions-row::-webkit-scrollbar,
  #mj-container #mj-contentarea .products-grid .propricemain .mj-card-actions-row::-webkit-scrollbar,
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }

  #mj-container .products-grid .propricemain .mj-card-actions-row > .mj-card-actions-leading,
  #mj-container #mj-contentarea .products-grid .propricemain .mj-card-actions-row > .mj-card-actions-leading,
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row > .mj-card-actions-leading {
    grid-column: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    row-gap: 5px !important;
    column-gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    margin: 0 !important;
    margin-inline-end: 0 !important;
    flex: unset !important;
  }

  /* Cijena iznad eventualnog ispisa flaga koji bi u suprotnom mogao vizualno „preći” preko teksta */
  #mj-container .products-grid .propricemain .mj-card-actions-row > .mj-card-price-cell,
  #mj-container #mj-contentarea .products-grid .propricemain .mj-card-actions-row > .mj-card-price-cell,
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row > .mj-card-price-cell {
    grid-column: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    isolation: isolate !important;
    justify-self: end !important;
    align-self: center !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding-left: 6px !important;
    padding-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    text-align: right !important;
    flex: unset !important;
  }

  #mj-container .products-grid .propricemain .mj-card-actions-row > .mj-card-price-cell > .prodprice,
  #mj-container #mj-contentarea .products-grid .propricemain .mj-card-actions-row > .mj-card-price-cell > .prodprice,
  body.product-page #mj-container .single-page-related-product-card .propricemain .mj-card-actions-row > .mj-card-price-cell > .prodprice {
    float: none !important;
    clear: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px 0 0 !important;
    overflow: visible !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  #mj-container .products-grid .propricemain .mj-card-price-cell .prodprice font,
  #mj-container .products-grid .propricemain .mj-card-price-cell .prodprice > a,
  #mj-container .products-grid .propricemain .mj-card-price-cell .prodprice p.text-line-through,
  body.product-page #mj-container .single-page-related-product-card .mj-card-price-cell .prodprice font,
  body.product-page #mj-container .single-page-related-product-card .mj-card-price-cell .prodprice > a,
  body.product-page #mj-container .single-page-related-product-card .mj-card-price-cell .prodprice p.text-line-through {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

/*
 * Zadnja linija layouta (rev 3): lijevo | sadržaj | desno na kategorijama, akcijama, početnici.
 * Nadjačava mj-general.css float + % širine i legacy offsete koji guraju #mj-right uz #mj-left.
 */
@media screen and (min-width: 769px) {
  body.c-path #mj-container,
  body.spectype #mj-container,
  body.homepage #mj-container,
  body.advanced_search_result #mj-container {
    overflow-x: visible !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer,
  body.spectype #mj-maincontent > .mj-subcontainer,
  body.homepage #mj-maincontent > .mj-subcontainer,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0 clamp(10px, 1.6vw, 22px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-left {
    order: 1 !important;
    flex: 0 0 clamp(220px, 20vw, 300px) !important;
    width: auto !important;
    min-width: 150px !important;
    max-width: 248px !important;
    float: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea {
    order: 2 !important;
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-right {
    order: 3 !important;
    flex: 0 0 clamp(220px, 20vw, 300px) !important;
    width: auto !important;
    min-width: 150px !important;
    max-width: 248px !important;
    float: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* spectype=akcije — tabcontent.js inače može sakriti #view1; tri proizvoda moraju biti vidljivi */
body.akcije.spectype #mj-container #mj-contentarea > ul.mo-home-tabctl-hidden ~ #tabcontents > #view1.tabcontent,
body.akcije.spectype #mj-container #mj-contentarea #view1.tabcontent,
body.akcije.spectype #mj-container #mj-contentarea #tabcontents {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}
body.akcije.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 120px !important;
}

/*
 * Layout rev 4 — CSS grid (zadnja linija): lijevo | sadržaj | desno.
 * DOM je [content][left][right]; grid-area mapira ispravno bez order/flex kolizija.
 * Nadjačava .mj-subcontainer{display:block} u mobilnom bloku ≤979px.
 */
@media screen and (min-width: 769px) {
  body.c-path #mj-maincontent > .mj-subcontainer,
  body.spectype #mj-maincontent > .mj-subcontainer,
  body.homepage #mj-maincontent > .mj-subcontainer,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) {
    display: grid !important;
    grid-template-columns: minmax(0, min(280px, 22vw)) minmax(0, 1fr) minmax(0, min(280px, 22vw)) !important;
    grid-template-areas: "mo-left mo-content mo-right" !important;
    align-items: start !important;
    gap: 0 clamp(10px, 1.6vw, 22px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    float: none !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-left {
    grid-area: mo-left !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-contentarea {
    grid-area: mo-content !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) > #mj-right {
    grid-area: mo-right !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important;
    box-sizing: border-box !important;
  }

  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*
 * Layout rev 5 — product_info (body.product-page): lijevo | sadržaj | desno.
 */
@media screen and (min-width: 769px) {
  body.product-page #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) {
    display: grid !important;
    grid-template-columns: minmax(0, min(280px, 22vw)) minmax(0, 1fr) minmax(0, min(280px, 22vw)) !important;
    grid-template-areas: "mo-left mo-content mo-right" !important;
    align-items: start !important;
    gap: 0 clamp(10px, 1.6vw, 22px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    float: none !important;
  }

  body.product-page #mj-maincontent > .mj-subcontainer:has(> #mj-right) > #mj-right {
    grid-area: mo-right !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.product-page #mj-maincontent > .mj-subcontainer:has(> #mj-left):not(:has(> #mj-right)),
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):not(:has(> #mj-right)) {
    display: grid !important;
    grid-template-columns: minmax(0, min(280px, 22vw)) minmax(0, 1fr) !important;
    grid-template-areas: "mo-left mo-content" !important;
    align-items: start !important;
    gap: 0 clamp(10px, 1.6vw, 22px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    float: none !important;
  }

  body.product-page #mj-maincontent > .mj-subcontainer > #mj-left,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):not(:has(> #mj-right)) > #mj-left {
    grid-area: mo-left !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):not(:has(> #mj-right)) > #mj-contentarea {
    grid-area: mo-content !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64 {
    width: auto !important;
    max-width: none !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-productinfo,
  body.product-page #mj-container #mj-contentarea .mj-productinfo .contentContainer,
  body.product-page #mj-container #mj-contentarea .mj-productinfo .contentText {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-product_infoleft,
  body.product-page #mj-container #mj-contentarea .mj-product_inforight {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Mobil (≤768px): bočni stupci ispod — prvo proizvod punom širinom */
@media screen and (max-width: 768px) {
  body.product-page #mj-maincontent > .mj-subcontainer {
    display: block !important;
  }
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-left,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-right {
    display: none !important;
  }
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96 {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 / -1 !important;
  }
}

/*
 * Layout rev 6 — product page: hero (slika | kupnja), opis, povezani; poništava float iz mj-template/akcije.
 */
@media screen and (min-width: 769px) {
  body.product-page #mj-container #mj-contentarea .mj-productinfo {
    padding: 0 !important;
    margin: 0 0 1.5rem !important;
    background: transparent !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-productinfo .contentContainer.Shakib {
    background: var(--mo-surface) !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(52, 74, 36, 0.08) !important;
    padding: clamp(16px, 2vw, 24px) !important;
    margin: 0 0 1.25rem !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-productinfo .contentContainer.Shakib > .contentText {
    display: grid !important;
    grid-template-columns: minmax(0, 42%) minmax(0, 58%) !important;
    gap: clamp(16px, 2.5vw, 28px) !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-productinfo .mj-product_infoleft,
  body.product-page #mj-container #mj-contentarea .mj-productinfo .mj-product_inforight {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-productinfo .mj-product_inforight {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-productinfo .mj_prodinfo_tabcontent {
    margin: 0 0 1.25rem !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    background: var(--mo-surface) !important;
    border: 1px solid var(--mo-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(52, 74, 36, 0.06) !important;
    padding: clamp(16px, 2vw, 24px) !important;
    box-sizing: border-box !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-productinfo .mj_prodinfo_tabcontent .mo-product-description {
    max-width: 100% !important;
  }

  body.product-page #mj-container #mj-contentarea .mj-productinfo #piGal {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-page #mj-maincontent > .mj-subcontainer > #mj-left .infoBoxContainer,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-right .infoBoxContainer {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.product-page #mj-maincontent > .mj-subcontainer > #mj-left .infoBoxContainer img,
  body.product-page #mj-maincontent > .mj-subcontainer > #mj-right .infoBoxContainer img {
    max-width: 100% !important;
    height: auto !important;
  }
}

body.product-page #mj-container #mj-contentarea .mo-product-related {
  margin: clamp(20px, 3vw, 36px) 0 clamp(24px, 4vw, 48px) !important;
  padding: 0 !important;
  clear: both !important;
}

body.product-page #mj-container #mj-contentarea .mo-related-heading {
  font-family: var(--mo-font-sans) !important;
  font-size: clamp(1.125rem, 2.2vw, 1.35rem) !important;
  font-weight: 700 !important;
  color: var(--mo-sage-dark) !important;
  margin: 0 0 1rem !important;
  padding: 0 0 0.65rem !important;
  border-bottom: 2px solid var(--mo-line) !important;
  letter-spacing: 0.02em !important;
}

body.product-page #mj-container #mj-contentarea .mo-product-related ~ label {
  display: none !important;
}

body.product-page #mj-container #mj-contentarea .products-grid.single-page-related-product-card {
  margin-top: 0 !important;
}

/*
 * Layout rev 7 — bočni stupci širi, središnji (proizvodi) uži; bez horizontalnog preljeva.
 * --mo-col-sidebar: ~22vw, max 280px (prije 13.5vw / max 200px).
 */
@media screen and (min-width: 769px) {
  :root {
    --mo-col-sidebar: minmax(0, min(280px, 22vw));
    --mo-col-gap: clamp(10px, 1.2vw, 18px);
  }

  #mj-maincontent > .mj-subcontainer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(6px, 1vw, 14px) !important;
    padding-right: clamp(6px, 1vw, 14px) !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) {
    display: grid !important;
    grid-template-columns: var(--mo-col-sidebar) minmax(0, 1fr) var(--mo-col-sidebar) !important;
    grid-template-areas: "mo-left mo-content mo-right" !important;
    gap: var(--mo-col-gap) !important;
    align-items: start !important;
  }

  #mj-maincontent > .mj-subcontainer:has(> #mj-left):not(:has(> #mj-right)) {
    display: grid !important;
    grid-template-columns: var(--mo-col-sidebar) minmax(0, 1fr) !important;
    grid-template-areas: "mo-left mo-content" !important;
    gap: var(--mo-col-gap) !important;
  }

  /* Uži centar: 2 stupca proizvoda na listama (3 je pretesno kad su sidebari širi) */
  #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) #mj-contentarea .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  @media screen and (min-width: 1280px) {
    #mj-maincontent > .mj-subcontainer:has(> #mj-left):has(> #mj-right) #mj-contentarea .products-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }

  #mj-maincontent > .mj-subcontainer > #mj-left,
  #mj-maincontent > .mj-subcontainer > #mj-right,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80.mj-lspace,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96.mj-lspace {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  #mj-maincontent > .mj-subcontainer > #mj-left {
    grid-area: mo-left !important;
  }

  #mj-maincontent > .mj-subcontainer > #mj-contentarea {
    grid-area: mo-content !important;
  }

  #mj-maincontent > .mj-subcontainer > #mj-right {
    grid-area: mo-right !important;
    overflow-x: hidden !important;
  }

  #mj-maincontent > .mj-subcontainer > #mj-left .infoBoxContainer,
  #mj-maincontent > .mj-subcontainer > #mj-right .infoBoxContainer,
  #mj-maincontent > .mj-subcontainer > #mj-left .ui-widget,
  #mj-maincontent > .mj-subcontainer > #mj-right .ui-widget {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #mj-maincontent > .mj-subcontainer > #mj-left img,
  #mj-maincontent > .mj-subcontainer > #mj-right img,
  #mj-maincontent > .mj-subcontainer > #mj-left table,
  #mj-maincontent > .mj-subcontainer > #mj-right table,
  #mj-maincontent > .mj-subcontainer > #mj-left iframe,
  #mj-maincontent > .mj-subcontainer > #mj-right iframe {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  #mj-maincontent > .mj-subcontainer > #mj-right [style*="width"],
  #mj-maincontent > .mj-subcontainer > #mj-right center {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/*
 * Layout rev 8 — mobil/tablet (≤979px): listing — prvo sadržaj/proizvodi, zatim lijevi layout (1 red), desni layout (1 red).
 * DOM je [content][left][right]; flex order + puna širina bez legacy float-a.
 */
@media screen and (max-width: 979px) {
  body.homepage #mj-maincontent > .mj-subcontainer:has(> #mj-left),
  body.c-path #mj-maincontent > .mj-subcontainer:has(> #mj-left),
  body.spectype #mj-maincontent > .mj-subcontainer:has(> #mj-left),
  body.advanced_search_result #mj-maincontent > .mj-subcontainer:has(> #mj-left),
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
    overflow-x: clip !important;
  }

  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96 {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
  }

  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-left {
    order: 2 !important;
    flex: 0 0 auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 20px 0 0 !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    clear: both !important;
  }

  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-right {
    order: 3 !important;
    flex: 0 0 auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 16px 0 0 !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    clear: both !important;
    overflow-x: hidden !important;
  }

  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left .infoBoxContainer,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left .infoBoxContainer,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left .infoBoxContainer,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left .infoBoxContainer,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right .infoBoxContainer,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right .infoBoxContainer,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right .infoBoxContainer,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right .infoBoxContainer {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    margin-bottom: 14px !important;
  }

  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left img,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left img,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left img,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left img,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right img,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right img,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right img,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right img {
    max-width: 100% !important;
    height: auto !important;
  }

  #mj-container #mj-contentarea > ul.mo-home-tabctl-hidden ~ #tabcontents,
  #mj-container #mj-contentarea #tabcontents,
  #mj-container #mj-contentarea > ul.mo-home-tabctl-hidden ~ #tabcontents > #view1.tabcontent,
  #mj-container #mj-contentarea #tabcontents > #view1.tabcontent,
  body.homepage #mj-container #mj-contentarea #view1.tabcontent,
  body.spectype #mj-container #mj-contentarea #view1.tabcontent,
  body.advanced_search_result #mj-container #mj-contentarea #view1.tabcontent {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  #mj-container #mj-contentarea .products-grid,
  body.homepage #mj-container #mj-contentarea .products-grid,
  body.c-path #mj-container #mj-contentarea .products-grid,
  body.spectype #mj-container #mj-contentarea .products-grid,
  body.advanced_search_result #mj-container #mj-contentarea .products-grid {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
  }

  /*
   * Layout rev 10 — mobil: puna širina sadržaja (mj-general .mj-grid64 ≈ 65% + float) i omotači liste.
   */
  #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-lspace {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  #mj-maincontent > .mj-subcontainer > #mj-left,
  #mj-maincontent > .mj-subcontainer > #mj-right,
  #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  #mj-container #mj-contentarea #tabcontents,
  #mj-container #mj-contentarea > ul.mo-home-tabctl-hidden ~ #tabcontents,
  #mj-container #mj-contentarea #tabcontents > #view1.tabcontent,
  #mj-container #mj-contentarea #tabcontents .tabcontent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }
}

/*
 * Layout rev 9 — mobil (≤768px): više zraka (manje nabijen layout).
 */
@media screen and (max-width: 768px) {
  #mj-container #mj-maincontent {
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  #mj-header.mj-header,
  #mj-header {
    padding: 12px max(14px, env(safe-area-inset-right, 14px)) 12px max(14px, env(safe-area-inset-left, 14px)) !important;
    gap: 10px !important;
  }

  #mj-container #mj-contentarea > h1,
  #mj-container #mj-contentarea .shoping-page-headline,
  #mo-listing-header {
    margin-bottom: 14px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  #mj-container #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid.new-product-card {
    gap: 10px !important;
    row-gap: 12px !important;
    column-gap: 10px !important;
  }

  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #mj-container #mj-contentarea .products-grid .propricemain,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew .propricemain {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.homepage #mj-container #mj-featured1,
  #mj-container #mj-slideshow {
    margin-bottom: 14px !important;
  }

  body.homepage #mj-container .mo-home-bs {
    margin-bottom: 20px !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .my-cart-content {
    padding: 16px 14px !important;
    margin-bottom: 14px !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .mj-cart-footer-actions {
    padding: 18px 14px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 14px !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .mj-cart-footer-actions .product-cart-buttons {
    gap: 12px !important;
  }

  .mo-mobile-nav-item {
    padding: 8px 6px 6px !important;
  }

  body.site-form-flow #mj-contentarea .contentContainer,
  body.site-form-flow #mj-contentarea .review_box {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/*
 * Layout rev 10 — prijava / registracija (≤768px): čitljiviji tekst, kartice u stupcu, bez preklapanja.
 */
@media screen and (max-width: 768px) {
  body.flow-login,
  body.flow-create-account,
  body.flow-password-forgotten,
  body.flow-password-reset {
    padding-bottom: 24px !important;
  }

  body.flow-login #mj-maincontent .mj-signupcontainer.contentContainer,
  body.flow-login #mj-maincontent .mj-logincontainer.contentContainer,
  body.flow-create-account #mj-maincontent .contentContainer {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 20px 18px !important;
    box-sizing: border-box !important;
  }

  body.flow-login .mj-signupcontainer .content,
  body.flow-login .mj-logincontainer .content,
  body.flow-create-account .contentContainer .contentText {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.flow-login .login-page-content p,
  body.flow-create-account .login-page-content p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  body.flow-login .login-page-fineprint {
    font-size: 13px !important;
    line-height: 1.58 !important;
    margin-bottom: 18px !important;
  }

  body.flow-login .mj-logincontainer .login-page-content form > table td.fieldKey {
    padding: 12px 0 6px !important;
  }

  body.flow-login .mj-logincontainer .login-page-content form > table td.fieldValue {
    padding: 0 0 10px !important;
  }

  body.flow-login .mj-logincontainer .fieldValue input[type="text"],
  body.flow-login .mj-logincontainer .fieldValue input[type="password"],
  body.flow-login .mj-logincontainer .fieldValue input[type="email"] {
    margin: 0 !important;
    float: none !important;
    min-height: 48px !important;
    font-size: 16px !important;
  }

  body.flow-login .mj-logincontainer .mj-loginarea {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 16px !important;
    margin: 10px 0 0 !important;
  }

  body.flow-login .mj-logincontainer .mj-loginarea .mo-login-submit,
  body.flow-login .mj-logincontainer .mj-loginarea button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
  }

  body.flow-login .mj-logincontainer .mj-forgotpassword {
    text-align: center !important;
    width: 100% !important;
    flex: none !important;
  }

  body.flow-login .mj-logincontainer .mj-forgotpassword a {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  body.flow-login .mj-signupcontainer .login-page-content p.btn-bs4,
  body.flow-login .mj-signupcontainer .login-page-content p.btn-bs4-small {
    margin-top: 16px !important;
  }

  /* Donja traka isključena na auth stranicama (modern-scripts); ako ostane u DOM-u — fiksno dno */
  body.flow-login .mo-mobile-nav,
  body.flow-create-account .mo-mobile-nav,
  body.flow-password-forgotten .mo-mobile-nav,
  body.flow-password-reset .mo-mobile-nav {
    display: none !important;
  }
}

/*
 * Layout rev 11 — košarica (≤979px): kartice proizvoda pune širine ekrana (bez uskih margina).
 */
@media screen and (max-width: 979px) {
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64.mj-lspace,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  body.flow-shopping-cart #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.flow-shopping-cart #mj-contentarea {
    padding-left: clamp(6px, 2vw, 10px) !important;
    padding-right: clamp(6px, 2vw, 10px) !important;
    box-sizing: border-box !important;
  }

  body.flow-shopping-cart #mj-contentarea h1.shoping-page-headline,
  body.flow-shopping-cart #mj-contentarea p.shoping-cart-description,
  body.flow-shopping-cart #mj-contentarea .mj-cart-discount-notice.shoping-cart-description {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    padding-left: clamp(6px, 2vw, 10px) !important;
    padding-right: clamp(6px, 2vw, 10px) !important;
    box-sizing: border-box !important;
  }

  body.flow-shopping-cart.site-form-flow #mj-shoppingcart .contentContainer#new-category,
  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px clamp(8px, 2.5vw, 12px) 14px !important;
    box-sizing: border-box !important;
  }

  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer > .delivery-progress,
  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer > .contentText,
  body.flow-shopping-cart #mj-shoppingcart .mj-cart-footer-actions {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.flow-shopping-cart #mj-shoppingcart #new-category.contentContainer > .contentText {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .my-cart-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 14px clamp(10px, 2.5vw, 14px) !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .product-image-qty-price {
    grid-template-columns: minmax(100px, 32vw) minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .product_info_image {
    max-width: min(128px, 32vw) !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .product_info_image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .product-quantity-price {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .cart-product-title a {
    font-size: clamp(13px, 3.6vw, 15px) !important;
    line-height: 1.35 !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .cart-item-payment-details-container {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  body.flow-shopping-cart #mj-shoppingcart .mj-cart-footer-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2147483647 !important;
    padding-left: clamp(8px, 2.5vw, 12px) !important;
    padding-right: clamp(8px, 2.5vw, 12px) !important;
    isolation: isolate !important;
  }
  body.flow-shopping-cart #mj-shoppingcart .mj-cart-footer-actions .product-cart-buttons > a.mo-cart-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
  body.flow-shopping-cart #cookie-bar.fixed.bottom {
    z-index: 2140000000 !important;
  }
}

/*
 * Layout rev 12 — mobil (≤979px): proširenje proizvoda, banera i omotača na punu širinu (sve stranice).
 */
@media screen and (max-width: 979px) {
  #mj-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-maincontent,
  #mj-maincontent > .mj-subcontainer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(6px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(6px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  #mj-maincontent > .mj-subcontainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid32,
  #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-lspace {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #mj-maincontent > .mj-subcontainer > #mj-left,
  #mj-maincontent > .mj-subcontainer > #mj-right,
  #mj-maincontent > .mj-subcontainer > #mj-left.mj-grid16,
  #mj-maincontent > .mj-subcontainer > #mj-right.mj-grid16 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #mj-maincontent > .mj-subcontainer:has(> #mj-left),
  #mj-maincontent > .mj-subcontainer:has(> #mj-right) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 16px !important;
    overflow-x: clip !important;
  }

  #mj-maincontent > .mj-subcontainer:has(> #mj-left) > #mj-contentarea,
  #mj-maincontent > .mj-subcontainer:has(> #mj-right) > #mj-contentarea {
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  #mj-maincontent > .mj-subcontainer:has(> #mj-left) > #mj-left {
    order: 2 !important;
  }

  #mj-maincontent > .mj-subcontainer:has(> #mj-right) > #mj-right {
    order: 3 !important;
  }

  #mj-container #mj-contentarea .contentContainer,
  #mj-container #mj-contentarea #new-category.contentContainer,
  #mj-container #mj-contentarea #tabcontents,
  #mj-container #mj-contentarea #tabcontents > .tabcontent {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Početnica / spectype — promo baneri pune širine (override max 352px / 91vw) */
  body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent img.center,
  body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent img.center,
  body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child),
  body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.homepage #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) img,
  body.spectype #mj-container #mj-maincontent #mj-contentarea #tabcontents .tabcontent > a:has(> img:only-child) img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  #mj-container #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid.new-product-card {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: clamp(6px, 2vw, 10px) !important;
    row-gap: clamp(8px, 2.5vw, 12px) !important;
    column-gap: clamp(6px, 2vw, 10px) !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent,
  #mj-container #new-category .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea #new-category .centerBoxContentsNew.centeredContent {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent {
    padding-left: clamp(6px, 2vw, 10px) !important;
    padding-right: clamp(6px, 2vw, 10px) !important;
  }

  #mj-container #mj-contentarea .products-grid .propricemain,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew .propricemain {
    padding-left: clamp(6px, 2vw, 10px) !important;
    padding-right: clamp(6px, 2vw, 10px) !important;
  }

  #mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(8px, 2.5vw, 12px) !important;
    padding-right: clamp(8px, 2.5vw, 12px) !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-maincontent #mj-contentarea #new-category .categoryListBoxContents td {
    padding-left: clamp(4px, 1.5vw, 8px) !important;
    padding-right: clamp(4px, 1.5vw, 8px) !important;
  }

  body.homepage #mj-maincontent #mj-left .left-right-side-box-content img,
  body.homepage #mj-maincontent #mj-right .left-right-side-box-content img,
  body.homepage #mj-maincontent #mj-left .ui-widget-content img,
  body.homepage #mj-maincontent #mj-right .ui-widget-content img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  body.homepage #mj-maincontent #mj-left .left-right-side-box-content,
  body.homepage #mj-maincontent #mj-right .left-right-side-box-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.homepage #mj-container .mo-home-bs,
  body.homepage #mj-container .mo-home-bs__viewport,
  body.homepage #mj-container .mo-home-bs__track {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.site-form-flow #mj-contentarea .contentContainer,
  body.site-form-flow #mj-contentarea .review_box {
    padding-left: clamp(8px, 2.5vw, 12px) !important;
    padding-right: clamp(8px, 2.5vw, 12px) !important;
  }
}

@media screen and (max-width: 768px) {
  #mj-container #mj-maincontent {
    padding-left: max(6px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(6px, env(safe-area-inset-right, 0px)) !important;
  }

  #mj-container #mj-contentarea > h1,
  #mj-container #mj-contentarea .shoping-page-headline,
  #mo-listing-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*
 * Layout rev 13 — mobil (≤979px): listing popusti za članove (body.start.spectype) i ostali spectype — puna širina.
 * Uzrok suženja: mj-general .mj-subcontainer { width:92% } + tablet 769–979px tri stupca (lijevo|sadržaj|desno).
 */
@media screen and (max-width: 979px) {
  #mj-container .mj-subcontainer,
  #mj-container #mj-maincontent > .mj-subcontainer,
  #mj-container #mj-featured1 > .mj-subcontainer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.spectype #mj-container #mj-maincontent,
  body.start.spectype #mj-container #mj-maincontent {
    padding-left: max(4px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(4px, env(safe-area-inset-right, 0px)) !important;
  }

  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid.new-product-card,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid.new-product-card {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: clamp(6px, 2vw, 10px) !important;
    row-gap: clamp(8px, 2.5vw, 12px) !important;
    column-gap: clamp(6px, 2vw, 10px) !important;
    box-sizing: border-box !important;
  }

  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: clamp(8px, 2.5vw, 12px) clamp(6px, 2vw, 10px) !important;
    box-sizing: border-box !important;
  }

  body.spectype #mo-listing-header.mo-listing-header,
  body.start.spectype #mo-listing-header.mo-listing-header,
  body.spectype #mo-listing-header .mo-listing-header__inner,
  body.start.spectype #mo-listing-header .mo-listing-header__inner,
  body.spectype #mj-contentarea .mj-pagination-row,
  body.start.spectype #mj-contentarea .mj-pagination-row,
  body.spectype #mj-container .mo-home-bs,
  body.start.spectype #mj-container .mo-home-bs {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.spectype #mo-listing-header .mo-listing-header__inner,
  body.start.spectype #mo-listing-header .mo-listing-header__inner {
    padding-left: clamp(10px, 3vw, 14px) !important;
    padding-right: clamp(10px, 3vw, 14px) !important;
  }
}

/* Tablet 769–979px: spectype/start — jedan stupac (ne lijevo|sadržaj|desno u redu) */
@media screen and (min-width: 769px) and (max-width: 979px) {
  body.spectype #mj-maincontent > .mj-subcontainer,
  body.start.spectype #mj-maincontent > .mj-subcontainer,
  body.homepage #mj-maincontent > .mj-subcontainer,
  body.c-path #mj-maincontent > .mj-subcontainer,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  body.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.start.spectype #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-contentarea {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.spectype #mj-maincontent > .mj-subcontainer > #mj-left,
  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.start.spectype #mj-maincontent > .mj-subcontainer > #mj-left,
  body.start.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-left,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-left,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-left,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.start.spectype #mj-maincontent > .mj-subcontainer > #mj-right,
  body.homepage #mj-maincontent > .mj-subcontainer > #mj-right,
  body.c-path #mj-maincontent > .mj-subcontainer > #mj-right,
  body.advanced_search_result #mj-maincontent > .mj-subcontainer > #mj-right {
    order: 3 !important;
  }
}

/*
 * Layout rev 14 — mobil: proizvodi do rubova ekrana (override mj-general 92% / 1% margin, manji gap i padding kartica).
 */
@media screen and (max-width: 979px) {
  #mj-container #mj-maincontent,
  #mj-container #mj-maincontent > .mj-subcontainer,
  #mj-container .mj-subcontainer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(2px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(2px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-maincontent > .mj-subcontainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid64,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid80,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid96,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-grid32,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea.mj-lspace,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-left,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-right,
  #mj-container #mj-maincontent [class*="mj-grid"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid.new-product-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: clamp(4px, 1.2vw, 8px) !important;
    row-gap: clamp(6px, 2vw, 10px) !important;
    column-gap: clamp(4px, 1.2vw, 8px) !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent,
  #mj-container #new-category .centerBoxContentsNew.centeredContent {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: clamp(6px, 2vw, 10px) clamp(4px, 1.5vw, 8px) !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-contentarea .products-grid .propricemain,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew .propricemain {
    padding-left: clamp(4px, 1.5vw, 8px) !important;
    padding-right: clamp(4px, 1.5vw, 8px) !important;
  }

  #mo-listing-header.mo-listing-header,
  #mo-listing-header .mo-listing-header__inner,
  #mj-contentarea .mj-pagination-row,
  #mj-contentarea .mo-listing-sort.select_order_type,
  #mj-contentarea > .mo-listing-sort {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  #mo-listing-header .mo-listing-header__inner {
    padding-left: max(6px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(6px, env(safe-area-inset-right, 0px)) !important;
  }
}

@media screen and (max-width: 768px) {
  #mj-container #mj-maincontent,
  body.spectype #mj-container #mj-maincontent,
  body.start.spectype #mj-container #mj-maincontent,
  body.homepage #mj-container #mj-maincontent,
  body.c-path #mj-container #mj-maincontent,
  body.advanced_search_result #mj-container #mj-maincontent {
    padding-left: max(0px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0px, env(safe-area-inset-right, 0px)) !important;
  }

  #mj-container #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid.new-product-card {
    gap: 4px !important;
    row-gap: 8px !important;
    column-gap: 4px !important;
  }

  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent,
  #mj-container .centerBoxContentsNew.centeredContent,
  #mj-container .centerBoxContentsFeatured.centeredContent,
  #mj-container .centerBoxContentsSpecials.centeredContent {
    padding: 6px 3px !important;
  }

  #mo-listing-header .mo-listing-header__inner {
    padding-left: max(4px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(4px, env(safe-area-inset-right, 0px)) !important;
  }

  #mj-contentarea .mj-pagination-row {
    padding-left: max(4px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(4px, env(safe-area-inset-right, 0px)) !important;
  }
}

/*
 * Layout rev 15 — mobil: bijeli stupac pune širine (nadjačava MOBILE ≤979px blok s padding 14px na #mj-contentarea).
 */
@media screen and (max-width: 979px) {
  #mj-container .mj-subcontainer,
  body.homepage #mj-container #mj-maincontent > .mj-subcontainer,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer,
  body.c-path #mj-container #mj-maincontent > .mj-subcontainer,
  body.advanced_search_result #mj-container #mj-maincontent > .mj-subcontainer,
  #mj-container #mj-maincontent > .mj-subcontainer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.homepage #mj-container #mj-maincontent,
  body.spectype #mj-container #mj-maincontent,
  body.start.spectype #mj-container #mj-maincontent,
  body.c-path #mj-container #mj-maincontent,
  body.advanced_search_result #mj-container #mj-maincontent,
  #mj-container #mj-maincontent {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(0px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
    background: var(--mo-surface, #ffffff) !important;
  }

  body.homepage #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.c-path #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.advanced_search_result #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body:not(.homepage):not(.product-page) #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  div#mj-contentarea,
  #mj-contentarea {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.homepage #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.spectype #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.start.spectype #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.c-path #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.advanced_search_result #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid.new-product-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 4px !important;
    row-gap: 8px !important;
    column-gap: 4px !important;
    box-sizing: border-box !important;
  }

  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 6px 4px !important;
    box-sizing: border-box !important;
  }

  #mo-listing-header.mo-listing-header,
  #mj-contentarea .mo-listing-sort.select_order_type,
  #mj-contentarea > .mo-listing-sort {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  #mo-listing-header .mo-listing-header__inner {
    padding-left: max(8px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
    border-radius: 0 !important;
  }

  #mj-contentarea .mj-pagination-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(4px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(4px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  #mj-container #mj-maincontent [class*="mj-grid"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
}

/*
 * Layout rev 16 — mobil listing: umjereni bočni razmak (čitljivije, bez uskog stupca).
 */
@media screen and (max-width: 979px) {
  body.homepage #mj-container #mj-maincontent,
  body.spectype #mj-container #mj-maincontent,
  body.start.spectype #mj-container #mj-maincontent,
  body.c-path #mj-container #mj-maincontent,
  body.advanced_search_result #mj-container #mj-maincontent,
  #mj-container #mj-maincontent {
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    padding-bottom: 14px !important;
    box-sizing: border-box !important;
  }

  body.homepage #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.c-path #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body.advanced_search_result #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  body:not(.homepage):not(.product-page) #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea,
  #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea,
  #mj-contentarea {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #mo-listing-header.mo-listing-header {
    margin-bottom: 12px !important;
  }

  #mo-listing-header .mo-listing-header__inner {
    padding: 12px 14px !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(107, 143, 78, 0.08) !important;
  }

  #mj-contentarea .mo-listing-sort.select_order_type,
  #mj-contentarea > .mo-listing-sort {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
  }

  #mj-contentarea .mo-listing-sort select {
    border-radius: 10px !important;
    min-height: 40px !important;
    padding: 8px 36px 8px 12px !important;
  }

  #mj-contentarea .mj-pagination-row {
    margin-bottom: 12px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  body.homepage #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.spectype #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.start.spectype #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.c-path #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  body.advanced_search_result #mj-container #mj-maincontent .mj-subcontainer #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid.new-product-card {
    gap: 10px !important;
    row-gap: 12px !important;
    column-gap: 10px !important;
    padding-top: 4px !important;
    padding-bottom: 10px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  body.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  body.start.spectype #mj-container #mj-maincontent > .mj-subcontainer > #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsFeatured.centeredContent,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsSpecials.centeredContent {
    padding: 10px 10px 12px !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 8px rgba(107, 143, 78, 0.07) !important;
  }

  #mj-container #mj-contentarea .products-grid .propricemain,
  #mj-container #mj-contentarea .products-grid .centerBoxContentsNew .propricemain {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@media screen and (max-width: 768px) {
  body.homepage #mj-container #mj-maincontent,
  body.spectype #mj-container #mj-maincontent,
  body.start.spectype #mj-container #mj-maincontent,
  body.c-path #mj-container #mj-maincontent,
  body.advanced_search_result #mj-container #mj-maincontent,
  #mj-container #mj-maincontent {
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }

  #mo-listing-header .mo-listing-header__inner {
    padding: 12px 14px !important;
  }

  #mj-container #mj-contentarea .products-grid,
  #mj-container #mj-contentarea .products-grid.new-product-card {
    gap: 8px !important;
    row-gap: 10px !important;
    column-gap: 8px !important;
  }
}

/*
 * Layout rev 17 — prijava (login.php): unutarnji padding kartica (rev 12 je na .contentContainer stavio 0).
 */
@media screen and (max-width: 979px) {
  body.flow-login.site-form-flow #mj-container #mj-maincontent {
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  body.flow-login.site-form-flow #mj-container #mj-maincontent #mj-contentarea .mj-signupcontainer.contentContainer,
  body.flow-login.site-form-flow #mj-container #mj-maincontent #mj-contentarea .mj-logincontainer.contentContainer {
    padding: clamp(20px, 4.5vw, 28px) clamp(18px, 4vw, 24px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.flow-login .mj-signupcontainer,
  body.flow-login .mj-logincontainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.flow-login .mj-signupcontainer .content,
  body.flow-login .mj-logincontainer .content {
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

@media screen and (max-width: 768px) {
  body.flow-login.site-form-flow #mj-container #mj-maincontent {
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }

  body.flow-login.site-form-flow #mj-container #mj-maincontent #mj-contentarea .mj-signupcontainer.contentContainer,
  body.flow-login.site-form-flow #mj-container #mj-maincontent #mj-contentarea .mj-logincontainer.contentContainer {
    padding: 22px 20px !important;
  }
}

/* Header search — ukucani tekst (zadnje u datoteci; ne dirati #mj-header input bez :not) */
#mj-header .mj-header-search-field input.mj-header-search-input,
#mj-header .mj-header-search-inner input[name="keywords"].mj-header-search-input {
  font-size: 20px !important;
  font-weight: 500 !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}
@media screen and (max-width: 979px) {
  #mj-header .mj-header-search-field input.mj-header-search-input,
  #mj-header .mj-header-search-inner input[name="keywords"].mj-header-search-input {
    font-size: 16px !important;
    line-height: 44px !important;
  }
  #mj-header .mj-header-search-input::placeholder,
  #mj-header .mj-header-search-input::-webkit-input-placeholder,
  #mj-header .mj-header-search-input:-ms-input-placeholder {
    font-size: 16px !important;
  }
}

body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_name.new-card-product-name,
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_desc,
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_image,
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .extra-photos {
  order: unset !important;
}
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_desc {
  border-bottom: none !important;
  margin: 4px 0 0 0 !important;
  padding-bottom: 0 !important;
}
body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid .centerBoxContentsNew.centeredContent .imagename > .product_image {
  padding-top: 0 !important;
}

body.mo-spec-majcinstvo #mj-container #mj-contentarea .products-grid
.centerBoxContentsNew.centeredContent .imagename
.new-card-product-title-link {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: var(--mo-card-title) !important;
  -webkit-text-fill-color: var(--mo-card-title) !important;
}