.insta-hover {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.insta-hover img {
  display: block;
  transition: 0.3s ease;
}

.insta-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  transition: 0.3s ease;
  z-index: 2;
  border-radius: 10px;
  pointer-events: none;
}

.insta-hover .insta-icon,
.insta-hover .insta-icon *,
.insta-hover .elementor-icon-wrapper,
.insta-hover .elementor-icon {
  display: none !important;
  opacity: 0 !important;
  transition: 0.3s ease;
}

.insta-hover .insta-icon {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;
  margin: 0 !important;
}

.insta-hover:hover::before {
  opacity: 1;
}

.insta-hover:hover .insta-icon,
.insta-hover:hover .insta-icon *,
.insta-hover:hover .elementor-icon-wrapper,
.insta-hover:hover .elementor-icon {
  opacity: 1 !important;
}

.insta-hover:hover img {
  transform: scale(1.04);
}
.insta-hover {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.insta-hover img {
  display: block;
  transition: 0.3s ease;
}

.insta-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  transition: 0.3s ease;
  z-index: 2;
  border-radius: 10px;
}

.insta-hover::after {
  content: "◎";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 78px;
  line-height: 1;
  color: white;
  opacity: 0;
  transition: 0.3s ease;
  z-index: 3;
  font-weight: 700;
}

.insta-hover:hover::before,
.insta-hover:hover::after {
  opacity: 1;
}

.insta-hover:hover img {
  transform: scale(1.04);
}
/* Instagram hover efekat za prvu sliku - @srna1203 */

.insta-hover-srna {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.insta-hover-srna img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease;
}

.insta-hover-srna::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  border-radius: 10px;
  pointer-events: none;
}

.insta-hover-srna::after {
  content: "";
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 78px;
  background-image: url("/wp-content/uploads/2026/06/instagram-white-icon.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 64px 64px;
  color: #ffffff;
  font-size: 0;
  line-height: 0;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
  pointer-events: none;
}

.insta-hover-srna:hover::before,
.insta-hover-srna:hover::after {
  opacity: 1;
}

.insta-hover-srna:hover img {
  transform: scale(1.04);
}
.insta-hover-srna::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 92px;
  background-image: url("/wp-content/uploads/2026/06/instagram-white-icon.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 78px 78px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
  pointer-events: none;
}
.insta-hover-srna::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 82px;
  background-image: url("/wp-content/uploads/2026/06/instagram-white-icon.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 64px 64px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
  pointer-events: none;
}
/* Instagram hover efekat za drugu sliku */

.insta-hover-slika2 {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.insta-hover-slika2 img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease;
}

.insta-hover-slika2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  border-radius: 10px;
  pointer-events: none;
}

.insta-hover-slika2::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background-image: url("/wp-content/uploads/2026/06/instagram-white-icon.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
  pointer-events: none;
}

.insta-hover-slika2:hover::before,
.insta-hover-slika2:hover::after {
  opacity: 1;
}

.insta-hover-slika2:hover img {
  transform: scale(1.04);
}
/* Instagram hover efekat za treću sliku */

.insta-hover-slika3 {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.insta-hover-slika3 img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease;
}

.insta-hover-slika3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  border-radius: 10px;
  pointer-events: none;
}

.insta-hover-slika3::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background-image: url("/wp-content/uploads/2026/06/instagram-white-icon.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
  pointer-events: none;
}

.insta-hover-slika3:hover::before,
.insta-hover-slika3:hover::after {
  opacity: 1;
}

.insta-hover-slika3:hover img {
  transform: scale(1.04);
}
/* Instagram hover efekat za četvrtu sliku */

.insta-hover-slika4 {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.insta-hover-slika4 img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease;
}

.insta-hover-slika4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  border-radius: 10px;
  pointer-events: none;
}

.insta-hover-slika4::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background-image: url("/wp-content/uploads/2026/06/instagram-white-icon.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
  pointer-events: none;
}

.insta-hover-slika4:hover::before,
.insta-hover-slika4:hover::after {
  opacity: 1;
}

.insta-hover-slika4:hover img {
  transform: scale(1.04);
}
/* Instagram hover efekat za poslednju sliku - @djorovicandjela */

.insta-hover-andjela {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.insta-hover-andjela img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease;
}

.insta-hover-andjela::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  border-radius: 10px;
  pointer-events: none;
}

.insta-hover-andjela::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 82px;
  background-image: url("/wp-content/uploads/2026/06/instagram-white-icon.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 64px 64px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
  pointer-events: none;
}

.insta-hover-andjela:hover::before,
.insta-hover-andjela:hover::after {
  opacity: 1;
}

.insta-hover-andjela:hover img {
  transform: scale(1.04);
}
.shop-cat-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  isolation: isolate !important;
  background: transparent !important;
}

.shop-cat-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale(1) !important;
  transition: transform 0.55s ease !important;
  z-index: 0 !important;
}

.shop-cat-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.48) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.shop-cat-card:hover::before {
  transform: scale(1.08) !important;
}

.shop-cat-card > * {
  position: relative !important;
  z-index: 3 !important;
}
.category-card-hover {
  transition: transform 0.35s ease, filter 0.35s ease;
}

.category-card-hover:hover {
  transform: scale(1.025);
}
/* DUKSEVI - overlay USKORO bez pomeranja */

.duksevi-soon-hover {
  position: relative !important;
  overflow: hidden !important;
}

.duksevi-soon-hover:hover {
  transform: none !important;
}

.duksevi-soon-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.68);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 50;
  pointer-events: none;
  border-radius: inherit;
}

.duksevi-soon-hover::after {
  content: "USKORO";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  color: #ffffff;
  font-size: 72px;
  font-weight: 900;
  letter-spacing: 4px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 51;
  pointer-events: none;
  text-align: center;
  white-space: nowrap;
}

.duksevi-soon-hover:hover::before,
.duksevi-soon-hover:hover::after {
  opacity: 1;
}
/* REVIEWS SLIDER - clean arrows */
#reviewsTrack {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 26px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;

  width: 100vw !important;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding: 35px 40px 120px 40px !important;
  box-sizing: border-box !important;

  scrollbar-width: none !important;
}

#reviewsTrack::-webkit-scrollbar {
  display: none !important;
}
.review-slide-card {
  flex: 0 0 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;

  overflow: hidden !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

.reviews-arrows {
  position: relative !important;
  width: 100% !important;
  max-width: 1380px !important;
  height: 0 !important;
  margin: 0 auto !important;
  z-index: 30 !important;
}

.reviews-arrow {
  position: absolute !important;
  top: 245px !important;

  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  border: none !important;

  background: #ffffff !important;
  color: #777777 !important;

  font-size: 48px !important;
  font-weight: 400 !important;
  line-height: 50px !important;

  padding: 0 !important;
  cursor: pointer !important;

  box-shadow: 0 10px 30px rgba(0,0,0,0.14) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transition: 0.25s ease !important;
}

.reviews-arrow:hover {
  background: #f4f4f4 !important;
  color: #000000 !important;
  transform: scale(1.05) !important;
}

.reviews-prev {
  left: 28px !important;
}

.reviews-next {
  right: 28px !important;
}
/* Review kartica se blago podiže na hover */

.review-slide-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.review-slide-card:hover {
  transform: translateY(-12px) !important;
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.16) !important;
}
/* Tooltip prozor ispod zelene kvačice */

.verified-check::after {
  content: "Verifikovana recenzija. Ovu recenziju je odobrio administrator na osnovu stvarnih dokaza kupovine.";
  position: absolute;
  top: 110%;
  left: -60%;
  transform: translateX(-50%) translateY(8px);
  width: 260px;
  background: #22c55e;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  padding: 12px 14px;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease;
  pointer-events: none;
  z-index: 999;
}

.verified-check::before {
  content: "";
  position: absolute;
  top: 105%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent #22c55e transparent;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease;
  z-index: 998;
}

.verified-check:hover::after,
.verified-check:hover::before {
  opacity: 1;
  visibility: visible;
}

.verified-check:hover::after {
  transform: translateX(-50%) translateY(0);
}
/* REVIEW POPUP MODAL - 7 reviews */

.review-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
}

.review-modal.active {
  display: flex;
}

.review-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.68);
}

.review-modal-box {
  position: relative;
  z-index: 2;

  width: min(960px, 92vw);
  min-height: 540px;

  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;

  display: grid;
  grid-template-columns: 1.1fr 1fr;

  box-shadow: 0 30px 80px rgba(0,0,0,0.35);
}

.review-modal-close {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 5;

  width: 42px;
  height: 42px;
  border: none;
  border-radius: 8px;

  background: rgba(255,255,255,0.82);
  color: #333333;

  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}

.review-modal-image-wrap {
  width: 100%;
  height: 100%;
  min-height: 540px;
  background: #111111;
}

.review-modal-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.review-modal-content {
  padding: 42px 38px;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.review-modal-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.review-modal-top h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #111111;
}

.review-modal-verified {
  font-size: 14px;
  font-weight: 700;
  color: #111111;
  white-space: nowrap;
}

.review-modal-stars {
  margin-top: 12px;
  color: #b09a6a;
  font-size: 24px;
  letter-spacing: 2px;
}

.review-modal-date {
  margin-top: 4px;
  color: #777777;
  font-size: 13px;
}

.review-modal-content p {
  margin-top: 28px;
  font-size: 20px;
  line-height: 1.45;
  color: #111111;
}

.review-modal-product {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.review-modal-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #777777;
  margin-bottom: 6px;
}

.review-modal-product h4 {
  margin: 0;
  font-size: 18px;
  color: #111111;
}

.review-modal-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 13px 20px;
  border-radius: 8px;

  background: #111111;
  color: #ffffff !important;

  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.review-modal-button:hover {
  background: #333333;
}

/* da kartice izgledaju klikabilno */
.review-slide-card {
  cursor: pointer !important;
}

.review-slide-card:hover {
  transform: translateY(-8px);
  transition: 0.25s ease;
}

/* MOBILE */

@media (max-width: 767px) {
  .review-modal-box {
    width: 92vw;
    max-height: 88vh;
    overflow-y: auto;
    grid-template-columns: 1fr;
  }

  .review-modal-image-wrap {
    height: 360px;
    min-height: 360px;
  }

  .review-modal-content {
    padding: 30px 24px;
  }

  .review-modal-content p {
    font-size: 17px;
  }

  .review-modal-product {
    flex-direction: column;
    align-items: flex-start;
  }

  .review-modal-button {
    width: 100%;
  }
}
/* Review popup close button - clean luxury X */

.review-modal-close {
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
  z-index: 10 !important;

  width: 44px !important;
  height: 44px !important;

  border: 1px solid rgba(255,255,255,0.55) !important;
  border-radius: 50% !important;

  background: rgba(0,0,0,0.45) !important;
  backdrop-filter: blur(8px) !important;

  color: #ffffff !important;
  font-size: 0 !important;
  cursor: pointer !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 10px 30px rgba(0,0,0,0.25) !important;
  transition: 0.25s ease !important;
}

.review-modal-close::before,
.review-modal-close::after {
  content: "" !important;
  position: absolute !important;
  width: 18px !important;
  height: 2px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
}

.review-modal-close::before {
  transform: rotate(45deg) !important;
}

.review-modal-close::after {
  transform: rotate(-45deg) !important;
}

.review-modal-close:hover {
  background: rgba(0,0,0,0.65) !important;
  transform: scale(1.06) !important;
}
/* Modal verified text color */

.review-modal-verified {
  color: #6fbf7a !important;
  font-weight: 800 !important;
}
/* Verified info button + popover */

.review-verified-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.review-modal-verified {
  color: #65b873 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.review-info-btn {
  width: 22px !important;
  height: 22px !important;

  border: 1.8px solid #111111 !important;
  border-radius: 50% !important;

  background: transparent !important;
  color: #111111 !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  font-family: Arial, sans-serif !important;
  line-height: 1 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;
  padding: 0 !important;
  opacity: 0.85 !important;
}

.review-info-btn:hover {
  opacity: 1 !important;
  transform: scale(1.05) !important;
}

.review-info-popover {
  position: absolute !important;
  top: 36px !important;
  right: 0 !important;

  width: 330px !important;
  padding: 22px 24px !important;

  background: #ffffff !important;
  color: #111111 !important;

  border-radius: 4px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.18) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;

  transition: 0.22s ease !important;
  z-index: 9999999 !important;
}

.review-verified-wrap.active .review-info-popover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.review-info-popover p {
  margin: 0 0 18px 0 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #111111 !important;
}

.review-learn-more {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;

  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;

  cursor: pointer !important;
}

/* Bottom verification sheet */

.review-verify-sheet {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000000 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transition: 0.25s ease !important;
}

.review-verify-sheet.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.review-verify-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.45) !important;
}

.review-verify-panel {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  max-height: 82vh !important;
  overflow-y: auto !important;

  background: #ffffff !important;
  color: #111111 !important;

  padding: 58px 64px 70px 64px !important;
  border-radius: 26px 26px 0 0 !important;

  transform: translateY(100%) !important;
  transition: transform 0.35s ease !important;

  box-shadow: 0 -20px 60px rgba(0,0,0,0.22) !important;
}

.review-verify-sheet.active .review-verify-panel {
  transform: translateY(0) !important;
}

.review-verify-handle {
  position: absolute !important;
  top: 18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: 48px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #cccccc !important;
}

.review-verify-close {
  position: absolute !important;
  top: 18px !important;
  right: 24px !important;

  width: 42px !important;
  height: 42px !important;

  border: none !important;
  border-radius: 50% !important;

  background: #f2f2f2 !important;
  color: #111111 !important;

  font-size: 30px !important;
  line-height: 1 !important;

  cursor: pointer !important;
}

.review-verify-panel h2 {
  margin: 0 0 28px 0 !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: 1.05 !important;
  font-weight: 500 !important;
  letter-spacing: -1px !important;
  color: #111111 !important;
}

.review-verify-panel p {
  max-width: 1180px !important;
  margin: 0 0 28px 0 !important;

  font-size: clamp(18px, 2vw, 28px) !important;
  line-height: 1.45 !important;
  color: #111111 !important;
}

/* Mobile */

@media (max-width: 767px) {
  .review-modal-top {
    align-items: flex-start !important;
  }

  .review-verified-wrap {
    gap: 8px !important;
  }

  .review-info-popover {
    width: 280px !important;
    right: -10px !important;
  }

  .review-verify-panel {
    max-height: 86vh !important;
    padding: 50px 26px 46px 26px !important;
    border-radius: 22px 22px 0 0 !important;
  }

  .review-verify-panel h2 {
    font-size: 34px !important;
  }

  .review-verify-panel p {
    font-size: 18px !important;
  }
}
/* Verify sheet inside review modal only */

.review-modal-box {
  overflow: hidden !important;
}

.review-verify-sheet {
  position: absolute !important;
  inset: 0 !important;
  z-index: 50 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transition: 0.25s ease !important;
}

.review-verify-sheet.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.review-verify-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.25) !important;
}

.review-verify-panel {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  max-height: 72% !important;
  overflow-y: auto !important;

  background: #ffffff !important;
  color: #111111 !important;

  padding: 44px 42px 48px 42px !important;
  border-radius: 22px 22px 0 0 !important;

  transform: translateY(100%) !important;
  transition: transform 0.35s ease !important;

  box-shadow: 0 -16px 45px rgba(0,0,0,0.22) !important;
}

.review-verify-sheet.active .review-verify-panel {
  transform: translateY(0) !important;
}

.review-verify-handle {
  position: absolute !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: 46px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #d0d0d0 !important;
}

.review-verify-close {
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;

  width: 38px !important;
  height: 38px !important;

  border: none !important;
  border-radius: 50% !important;

  background: #f2f2f2 !important;
  color: #111111 !important;

  font-size: 28px !important;
  line-height: 1 !important;

  cursor: pointer !important;
}

.review-verify-panel h2 {
  margin: 0 0 22px 0 !important;
  font-size: 36px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

.review-verify-panel p {
  margin: 0 0 20px 0 !important;

  font-size: 18px !important;
  line-height: 1.45 !important;
  color: #111111 !important;
}
/* Verify sheet close button - same as review modal X */

.review-verify-close {
  position: absolute !important;
  top: 28px !important;
  right: 28px !important;
  z-index: 60 !important;

  width: 64px !important;
  height: 44px !important;

  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,0.38) !important;
  backdrop-filter: blur(8px) !important;

  color: transparent !important;
  font-size: 0 !important;

  cursor: pointer !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 10px 28px rgba(0,0,0,0.20) !important;
  transition: 0.25s ease !important;
}

.review-verify-close::before,
.review-verify-close::after {
  content: "" !important;
  position: absolute !important;

  width: 20px !important;
  height: 2px !important;

  background: #ffffff !important;
  border-radius: 2px !important;
}

.review-verify-close::before {
  transform: rotate(45deg) !important;
}

.review-verify-close::after {
  transform: rotate(-45deg) !important;
}

.review-verify-close:hover {
  background: rgba(0,0,0,0.55) !important;
  transform: scale(1.04) !important;
}
/* Main review modal close button - same pill shape */

.review-modal-close {
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
  z-index: 60 !important;

  width: 64px !important;
  height: 44px !important;

  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,0.38) !important;
  backdrop-filter: blur(8px) !important;

  color: transparent !important;
  font-size: 0 !important;

  cursor: pointer !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 10px 28px rgba(0,0,0,0.20) !important;
  transition: 0.25s ease !important;
}

.review-modal-close::before,
.review-modal-close::after {
  content: "" !important;
  position: absolute !important;

  width: 20px !important;
  height: 2px !important;

  background: #ffffff !important;
  border-radius: 2px !important;
}

.review-modal-close::before {
  transform: rotate(45deg) !important;
}

.review-modal-close::after {
  transform: rotate(-45deg) !important;
}

.review-modal-close:hover {
  background: rgba(0,0,0,0.55) !important;
  transform: scale(1.04) !important;
}
/* Info icon same green as verified text */

.review-info-btn {
  border-color: #65b873 !important;
  color: #65b873 !important;
}

.review-info-btn:hover {
  border-color: #65b873 !important;
  color: #65b873 !important;
  background: rgba(101, 184, 115, 0.12) !important;
}
/* Smanji visinu okvira slider kartice */

.dzba-compare {
  height: 360px !important;
}

.dzba-range::-webkit-slider-thumb {
  height: 360px !important;
}

.dzba-range::-moz-range-thumb {
  height: 360px !important;
}
/* ukloni sivi deo ispod slike */

.dzba-compare {
  height: 315px !important;
  background: #ffffff !important;
}

.dzba-range::-webkit-slider-thumb {
  height: 335px !important;
}

.dzba-range::-moz-range-thumb {
  height: 335px !important;
}
/* HERO ANIMACIJA - bolja slika + vidljiv zoom out */

.dz-hero-anim {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-image: none !important;
  background-color: #111111 !important;
}

.dz-hero-anim::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;

  background-image: url("/wp-content/uploads/2026/06/pozzad.jpg") !important;
  background-size: 100% auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  filter: none !important;
  transform: scale(1.22);
  animation: dzHeroZoomOut 2.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  will-change: transform;
}

.dz-hero-anim::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: rgba(0,0,0,0.28) !important;
  pointer-events: none !important;
}

.dz-hero-content {
  opacity: 0;
  transform: translateY(48px);
  animation: dzHeroContentUp 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.35s forwards;
}

.dz-hero-content .elementor-heading-title,
.dz-hero-content .elementor-widget-text-editor,
.dz-hero-content .elementor-button-wrapper,
.dz-hero-content .elementor-button {
  opacity: 0;
  transform: translateY(34px);
  animation: dzHeroItemUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.dz-hero-content .elementor-heading-title {
  animation-delay: 0.35s;
}

.dz-hero-content .elementor-widget-text-editor {
  animation-delay: 0.55s;
}

.dz-hero-content .elementor-button-wrapper {
  animation-delay: 0.75s;
}

@keyframes dzHeroZoomOut {
  from {
    transform: scale(1.22);
  }
  to {
    transform: scale(1);
  }
}

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

@keyframes dzHeroItemUp {
  from {
    opacity: 0;
    transform: translateY(34px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* HERO BUTTONS - sigurna animacija */

.dz-hero-btn {
  animation: dzHeroButtonSafeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.85s both !important;
}

@keyframes dzHeroButtonSafeUp {
  0% {
    opacity: 0;
    transform: translateY(34px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* PRODUCTS SCROLL ANIMATION */

.dz-products-anim .dzba-product {
  opacity: 0;
  transform: translateX(-45px) translateY(22px);
  transition:
    opacity 0.55s ease,
    transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.dz-products-anim.dz-products-visible .dzba-product {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

.dz-products-anim.dz-products-visible .dzba-product:nth-child(1) {
  transition-delay: 0.05s;
}

.dz-products-anim.dz-products-visible .dzba-product:nth-child(2) {
  transition-delay: 0.16s;
}

.dz-products-anim.dz-products-visible .dzba-product:nth-child(3) {
  transition-delay: 0.27s;
}

.dz-products-anim.dz-products-visible .dzba-product:nth-child(4) {
  transition-delay: 0.38s;
}
/* STORY IMAGE - sporiji slide up + blur out + hover zoom inside frame */

.dz-story-img-anim {
  opacity: 0;
  transform: translateY(70px);
  filter: blur(14px);
  overflow: hidden !important;
  border-radius: 16px;
  transition:
    opacity 1.15s ease,
    transform 1.15s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1.15s ease;
}

.dz-story-img-anim.dz-story-img-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* slika unutra se zumira, okvir ostaje isti */
.dz-story-img-anim img {
  transition: transform 0.55s ease;
  transform: scale(1);
  transform-origin: center center;
  display: block;
  width: 100%;
}

.dz-story-img-anim:hover img {
  transform: scale(1.06);
}
/* CATEGORY SECTION - blur/zoom out cards + text slide up */

.dz-cats-anim .dz-cat-card {
  opacity: 0;
  filter: blur(14px);
  transform: scale(1.08);
  overflow: hidden !important;
  transition:
    opacity 0.95s ease,
    filter 0.95s ease,
    transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);
}

.dz-cats-anim.dz-cats-visible .dz-cat-card {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}

.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(1) {
  transition-delay: 0.05s;
}

.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(2) {
  transition-delay: 0.18s;
}

/* tekst + dugmad unutra */

.dz-cats-anim .dz-cat-card .elementor-heading-title,
.dz-cats-anim .dz-cat-card .elementor-widget-text-editor,
.dz-cats-anim .dz-cat-card .elementor-button-wrapper,
.dz-cats-anim .dz-cat-card .elementor-button {
  opacity: 0;
  transform: translateY(34px);
  transition:
    opacity 0.7s ease,
    transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.dz-cats-anim.dz-cats-visible .dz-cat-card .elementor-heading-title,
.dz-cats-anim.dz-cats-visible .dz-cat-card .elementor-widget-text-editor,
.dz-cats-anim.dz-cats-visible .dz-cat-card .elementor-button-wrapper,
.dz-cats-anim.dz-cats-visible .dz-cat-card .elementor-button {
  opacity: 1;
  transform: translateY(0);
}

/* tajming teksta */

.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(1) .elementor-heading-title {
  transition-delay: 0.28s;
}

.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(1) .elementor-button-wrapper,
.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(1) .elementor-button {
  transition-delay: 0.38s;
}

.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(2) .elementor-heading-title {
  transition-delay: 0.42s;
}

.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(2) .elementor-button-wrapper,
.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(2) .elementor-button {
  transition-delay: 0.52s;
}
/* CATEGORY HOVER ZOOM - radi zajedno sa scroll animacijom */

.dz-cat-card {
  overflow: hidden !important;
}

.dz-cat-card::before,
.dz-cat-card .elementor-widget-container,
.dz-cat-card img {
  transition: transform 0.55s ease !important;
}

/* ako je slika background na containeru */
.dz-cat-card:hover::before {
  transform: scale(1.06) !important;
}

/* ako je slika ubačena kao Image widget */
.dz-cat-card:hover img {
  transform: scale(1.06) !important;
}

/* ne dozvoli da hover pomera celu karticu */
.dz-cats-anim.dz-cats-visible .dz-cat-card:hover {
  transform: scale(1) !important;
}
/* CATEGORY CARDS - zadrži zaobljene ivice i na hover zoom */

.dz-cat-card {
  border-radius: 18px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 18px) !important;
  -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
}

.dz-cat-card .elementor-widget-container,
.dz-cat-card .elementor-background-overlay,
.dz-cat-card img {
  border-radius: 18px !important;
}

.dz-cat-card:hover {
  border-radius: 18px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 18px) !important;
}
/* FINAL CTA SECTION - BACKGROUND ZOOM OUT + TEXT/BUTTON SLIDE UP */

.dz-final-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background-size: 118% auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  transition: background-size 2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.dz-final-hero.dz-final-visible {
  background-size: 100% auto !important;
}

/* tamni overlay preko background slike */
.dz-final-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: rgba(0,0,0,0.42) !important;
  pointer-events: none !important;
}

/* svi direktni widgeti iznad overlay-a */
.dz-final-hero > .e-con-inner,
.dz-final-hero .elementor-widget-heading,
.dz-final-hero .elementor-widget-button {
  position: relative !important;
  z-index: 5 !important;
}

/* naslov */
.dz-final-title {
  position: relative !important;
  z-index: 6 !important;
  opacity: 0 !important;
  visibility: visible !important;
  transform: translateY(44px) !important;
  transition:
    opacity 0.95s ease,
    transform 0.95s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.dz-final-hero.dz-final-visible .dz-final-title {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 0.18s !important;
}

/* dugme widget */
.dz-final-button {
  position: relative !important;
  z-index: 7 !important;
  opacity: 0 !important;
  visibility: visible !important;
  display: block !important;
  transform: translateY(36px) !important;
  transition:
    opacity 0.85s ease,
    transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* unutrašnjost dugmeta */
.dz-final-button .elementor-widget-container,
.dz-final-button .elementor-button-wrapper,
.dz-final-button .elementor-button,
.dz-final-button a {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}

/* dugme kad sekcija uđe u ekran */
.dz-final-hero.dz-final-visible .dz-final-button {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 0.35s !important;
}

/* mobile */
@media (max-width: 767px) {
  .dz-final-hero {
    background-size: cover !important;
  }

  .dz-final-hero.dz-final-visible {
    background-size: cover !important;
  }

  .dz-final-title {
    transform: translateY(34px) !important;
  }

  .dz-final-button {
    transform: translateY(30px) !important;
  }
}
/* PRODUCT CARD HOVER - selektovana kartica dominantna */

.dzba-row {
  overflow: visible !important;
}

.dzba-product {
  transition:
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.35s ease,
    filter 0.35s ease !important;
  transform-origin: center center !important;
  position: relative !important;
  z-index: 1 !important;
}

.dzba-row:hover .dzba-product {
  opacity: 0.62 !important;
  filter: grayscale(15%) blur(0.3px) !important;
}

.dzba-row .dzba-product:hover {
  opacity: 1 !important;
  filter: none !important;
  transform: scale(1.055) !important;
  z-index: 20 !important;
}

.dzba-product:hover .dzba-compare {
  box-shadow: 0 22px 55px rgba(0,0,0,0.16) !important;
  border-color: rgba(0,0,0,0.16) !important;
}
/* USPORI SCROLL ANIMACIJE - PRODUCTS + CATEGORIES */

/* proizvodi */
.dzba-product {
  transition:
    opacity 0.95s ease,
    transform 0.95s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.95s ease !important;
}

.dzba-row.dzba-visible .dzba-product:nth-child(1) {
  transition-delay: 0.08s !important;
}

.dzba-row.dzba-visible .dzba-product:nth-child(2) {
  transition-delay: 0.26s !important;
}

.dzba-row.dzba-visible .dzba-product:nth-child(3) {
  transition-delay: 0.44s !important;
}

.dzba-row.dzba-visible .dzba-product:nth-child(4) {
  transition-delay: 0.62s !important;
}

/* kategorije */
.dz-cats-anim .dz-cat-card {
  transition:
    opacity 1.25s ease,
    filter 1.25s ease,
    transform 1.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.dz-cats-anim .dz-cat-card .elementor-heading-title,
.dz-cats-anim .dz-cat-card .elementor-widget-text-editor,
.dz-cats-anim .dz-cat-card .elementor-button-wrapper,
.dz-cats-anim .dz-cat-card .elementor-button {
  transition:
    opacity 0.95s ease,
    transform 0.95s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* delay kategorija */
.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(1) {
  transition-delay: 0.08s !important;
}

.dz-cats-anim.dz-cats-visible .dz-cat-card:nth-of-type(2) {
  transition-delay: 0.32s !important;
}
/* NEWSLETTER VISUAL SECTION */

.dz-newsletter-section {
  background: #000000 !important;
  text-align: center !important;
}

.dz-newsletter-title .elementor-heading-title {
  color: #ffffff !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.dz-newsletter-text {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  max-width: 850px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.dz-newsletter-text p {
  margin: 0 !important;
}

.dz-newsletter-fake-form {
  width: 100% !important;
  max-width: 950px !important;
  height: 78px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.dz-newsletter-fake-form input {
  flex: 1 !important;
  height: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: #111111 !important;
  font-size: 18px !important;
  padding: 0 12px !important;
}

.dz-newsletter-fake-form input::placeholder {
  color: #777777 !important;
}

.dz-newsletter-fake-form button {
  height: 58px !important;
  min-width: 165px !important;
  border-radius: 999px !important;
  border: none !important;
  background: #a79b8b !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: 0.25s ease !important;
}

.dz-newsletter-fake-form button:hover {
  background: #111111 !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .dz-newsletter-section {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .dz-newsletter-text {
    font-size: 16px !important;
  }

  .dz-newsletter-fake-form {
    height: auto !important;
    flex-direction: column !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .dz-newsletter-fake-form input {
    width: 100% !important;
    height: 58px !important;
  }

  .dz-newsletter-fake-form button {
    width: 100% !important;
  }
}
/* footer sitne izmene */

.dz-footer-logo-wrap {
  transform: translateX(-70px) !important;
}
/* SHOP DROPDOWN + PAGE FADE */

.dz-shop-menu {
  position: relative !important;
}

/* zatamnjenje cele stranice kad je miš na Prodavnica */
.dz-shop-menu::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.62) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
  pointer-events: none !important;
  z-index: 9000 !important;
}

.dz-shop-menu:hover::before,
.dz-shop-menu:focus-within::before {
  opacity: 1 !important;
  visibility: visible !important;
}

/* dropdown kutija */
.dz-shop-menu > .sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(14px) !important;

  width: 210px !important;
  padding: 22px 0 !important;
  margin-top: 18px !important;

  background: #000000 !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.35) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;

  z-index: 99999 !important;
}

/* prikaži dropdown */
.dz-shop-menu:hover > .sub-menu,
.dz-shop-menu:focus-within > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* reset liste */
.dz-shop-menu > .sub-menu,
.dz-shop-menu > .sub-menu li {
  list-style: none !important;
}

/* stavke */
.dz-shop-menu > .sub-menu li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* linkovi */
.dz-shop-menu > .sub-menu li a {
  display: block !important;
  padding: 11px 26px !important;

  color: #ffffff !important;
  background: transparent !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  transition: color 0.2s ease, transform 0.2s ease !important;
}

/* hover linkova */
.dz-shop-menu > .sub-menu li a:hover {
  color: #B99B73 !important;
  transform: translateX(4px) !important;
}

/* header iznad zatamnjenja */
.site-header,
.ast-primary-header-bar,
.main-header-bar,
.elementor-location-header,
.elementor-widget-nav-menu {
  position: relative !important;
  z-index: 99990 !important;
}

/* spreči default temu da sakrije podmeni */
.dz-shop-menu > .sub-menu {
  display: block !important;
}
/* Sprečava da dropdown nestane kad miš prelazi sa Prodavnica na padajući meni */
.menu-item-has-children {
    position: relative !important;
}

/* Nevidljivi most ispod roditeljskog linka */
.menu-item-has-children::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 210px;
    height: 16px;
    background: transparent;
    z-index: 9998;
}

/* Dropdown mora biti iznad svega */
.menu-item-has-children > .sub-menu {
    z-index: 9999 !important;
    margin-top: 0 !important;
}

/* Drži dropdown otvoren dok je miš na linku ili meniju */
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children > .sub-menu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: auto !important;
}
/* MOBILE HERO FIX - radi samo na telefonu */

@media (max-width: 767px) {

  .dz-mobile-hero {
    min-height: calc(100vh - 130px) !important;
    height: calc(100vh - 130px) !important;
    max-height: 760px !important;

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

    background-size: cover !important;
    background-position: 62% center !important;

    padding: 0 !important;
  }

  .dz-mobile-hero::before {
    background-size: cover !important;
    background-position: 62% center !important;
  }

  .dz-mobile-hero-content {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 34px !important;

    z-index: 20 !important;

    width: 100% !important;
    max-width: none !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;

    text-align: left !important;
  }

  .dz-mobile-hero-content .elementor-heading-title {
    font-size: 40px !important;
    line-height: 0.95 !important;
    letter-spacing: -1.3px !important;
    max-width: 330px !important;
    text-align: left !important;
    margin: 0 !important;
  }

  .dz-mobile-hero-content .elementor-widget-text-editor {
    max-width: 330px !important;
    margin-top: 14px !important;
    margin-bottom: 22px !important;
  }

  .dz-mobile-hero-content .elementor-widget-text-editor,
  .dz-mobile-hero-content .elementor-widget-text-editor p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    color: #ffffff !important;
    text-align: left !important;
    margin-bottom: 0 !important;
  }

  .dz-mobile-hero-content .elementor-widget-button {
    width: auto !important;
    display: inline-block !important;
    margin-right: 8px !important;
  }

  .dz-mobile-hero-content .elementor-button {
    min-height: 50px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .dz-scroll-top {
    display: none !important;
  }
}
/* MOBILE HERO FINAL CLEAN FIX */

@media (max-width: 767px) {

  .dz-mobile-hero {
    min-height: calc(100vh - 130px) !important;
    height: calc(100vh - 130px) !important;
    max-height: 720px !important;
    padding: 0 !important;
    background-size: cover !important;
    background-position: 64% center !important;
  }

  .dz-mobile-hero::before {
    background-size: cover !important;
    background-position: 64% center !important;
  }

  .dz-mobile-hero-content {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 48px !important;

    width: 100% !important;
    padding: 0 24px !important;

    z-index: 30 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .dz-mobile-hero-content .elementor-heading-title {
    font-size: 34px !important;
    line-height: 0.96 !important;
    letter-spacing: -1px !important;
    max-width: 285px !important;
    margin: 0 0 12px 0 !important;
    text-align: left !important;
  }

  .dz-mobile-hero-content .elementor-widget-text-editor {
    max-width: 295px !important;
    margin: 0 0 18px 0 !important;
  }

  .dz-mobile-hero-content .elementor-widget-text-editor,
  .dz-mobile-hero-content .elementor-widget-text-editor p {
    font-size: 14px !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    margin: 0 !important;
    text-align: left !important;
  }

  /* container koji drži dugmad */
  .dz-mobile-hero-content .elementor-element.e-flex,
  .dz-mobile-hero-content .e-con,
  .dz-mobile-hero-content .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .dz-mobile-hero-content .elementor-widget-button {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .dz-mobile-hero-content .elementor-button {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    white-space: nowrap !important;
  }

  .dz-mobile-hero-content .elementor-button-text {
    white-space: nowrap !important;
  }

  .dz-scroll-top {
    display: none !important;
  }
}
/* FINAL MOBILE HERO CONTROL */

@media (max-width: 767px) {

  .dz-mobile-hero {
    position: relative !important;
    overflow: hidden !important;

    min-height: 720px !important;
    height: 720px !important;

    padding: 0 !important;
    margin: 0 !important;

    background-size: cover !important;
    background-position: 62% center !important;
  }

  .dz-mobile-hero::before {
    background-size: cover !important;
    background-position: 62% center !important;
  }

  .dz-mobile-hero-content {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 58px !important;

    width: 100% !important;
    max-width: none !important;

    padding: 0 24px !important;
    margin: 0 !important;

    z-index: 30 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;

    text-align: left !important;
  }

  .dz-mobile-hero-content .elementor-heading-title {
    font-size: 39px !important;
    line-height: 0.95 !important;
    letter-spacing: -1.2px !important;
    max-width: 335px !important;
    margin: 0 0 14px 0 !important;
    text-align: left !important;
  }

  .dz-mobile-hero-content .elementor-widget-text-editor {
    max-width: 335px !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
  }

  .dz-mobile-hero-content .elementor-widget-text-editor,
  .dz-mobile-hero-content .elementor-widget-text-editor p {
    font-size: 16px !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .dz-mobile-hero-content .elementor-element.e-flex,
  .dz-mobile-hero-content .e-con,
  .dz-mobile-hero-content .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .dz-mobile-hero-content .elementor-widget-button {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .dz-mobile-hero-content .elementor-button {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 48px !important;
    white-space: nowrap !important;
  }

  .dz-mobile-hero-content .elementor-button-text {
    white-space: nowrap !important;
  }

  .dz-scroll-top {
    display: none !important;
  }
}
/* FIX ZA PROIZVODE NA TELEFONU - 2 U REDU I ODMAH VIDLJIVI */

@media (max-width: 767px) {

  body .dzba-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body .dzba-product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    display: block !important;
  }

  body .dz-products-anim,
  body .dz-products-anim .dzba-product {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }

  body .dzba-compare {
    width: 100% !important;
    height: 205px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    display: block !important;
  }

  body .dzba-img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 112% !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    max-width: none !important;
  }

  body .dzba-model {
    z-index: 1 !important;
  }

  body .dzba-shirt {
    z-index: 2 !important;
    clip-path: polygon(0 0, var(--pos) 0, var(--pos) 100%, 0 100%) !important;
  }

  body .dzba-line {
    top: 0 !important;
    bottom: 0 !important;
    left: var(--pos) !important;
    z-index: 4 !important;
  }

  body .dzba-handle {
    width: 42px !important;
    height: 32px !important;
    font-size: 18px !important;
    bottom: 10px !important;
    z-index: 5 !important;
  }

  body .dzba-range {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: 20 !important;
    display: block !important;
    cursor: ew-resize !important;
  }

  body .dzba-range::-webkit-slider-thumb {
    width: 40px !important;
    height: 205px !important;
  }

  body .dzba-range::-moz-range-thumb {
    width: 40px !important;
    height: 205px !important;
  }

  body .dzba-product h3 {
    margin: 13px 0 6px 0 !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
    color: #111111 !important;
  }

  body .dzba-product p {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    color: #111111 !important;
  }

  body .dzba-row:hover .dzba-product {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  body .dzba-row .dzba-product:hover {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}
/* MOBILE - zabrani pomeranje sajta levo/desno */

@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    position: relative !important;
  }

  .elementor,
  .elementor-section,
  .elementor-container,
  .elementor-widget-wrap,
  .e-con,
  .e-con-inner {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  img,
  video,
  iframe {
    max-width: 100% !important;
  }
}
/* MOBILE - forsiraj sve glavne blokove da ne izlaze iz ekrana */

@media (max-width: 767px) {
  .dzba-row,
  #reviewsTrack,
  .reviews-arrows,
  .dz-footer,
  .dz-footer-inner,
  .dz-mobile-hero,
  .dz-mobile-hero-content {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}
/* HARD FIX MOBILE HERO - pregazi sve stare mobile vrednosti */

@media (max-width: 767px) {

  /* 1. HERO visina */
  body .dz-mobile-hero {
    position: relative !important;
    height: 760px !important;
    min-height: 760px !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: 63% center !important;
  }

  body .dz-mobile-hero::before {
    background-size: cover !important;
    background-position: 63% center !important;
  }

  /* 2. CEO BLOK SA TEKSTOM podigni iznad dugmadi */
  body .dz-mobile-hero-content {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 115px !important;
    z-index: 50 !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 24px !important;
    margin: 0 !important;

    display: block !important;
    text-align: left !important;
  }

  /* 3. NASLOV */
  body .dz-mobile-hero-content h1,
  body .dz-mobile-hero-content h2,
  body .dz-mobile-hero-content .elementor-heading-title {
    font-size: 40px !important;
    line-height: 0.94 !important;
    letter-spacing: -1.3px !important;
    font-weight: 900 !important;

    max-width: 330px !important;

    margin: 0 0 14px 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    text-align: left !important;
  }

  /* 4. OPIS */
  body .dz-mobile-hero-content .elementor-widget-text-editor,
  body .dz-mobile-hero-content .elementor-widget-text-editor p {
    font-size: 15px !important;
    line-height: 1.35 !important;
    max-width: 330px !important;

    margin: 0 0 20px 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    text-align: left !important;
  }

  /* 5. DUGMAD - dole u redu, odvojeno od teksta */
  body .dz-mobile-hero-content .elementor-widget-button {
    display: inline-block !important;
    width: auto !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
  }

  body .dz-mobile-hero-content .elementor-button {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 16px !important;

    font-size: 12px !important;
    line-height: 44px !important;
    font-weight: 800 !important;

    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  body .dz-mobile-hero-content .elementor-button-text {
    white-space: nowrap !important;
  }

  /* 6. SKLONI SCROLL TO TOP KRUG NA TELEFONU */
  body .dz-scroll-top,
  body .scroll-top,
  body .scroll-to-top,
  body .back-to-top,
  body [class*="scroll-top"],
  body [class*="scroll-to-top"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* =========================================
   FINAL MOBILE HERO - RUČNA KONTROLA
   Radi samo na telefonu
========================================= */

@media (max-width: 767px) {

  /* HERO SECTION */
  html body .dz-mobile-hero {
    position: relative !important;
    width: 100% !important;
    height: 760px !important;
    min-height: 760px !important;
    max-height: none !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    background-size: cover !important;
    background-position: 63% center !important;
    background-repeat: no-repeat !important;
  }

  html body .dz-mobile-hero::before {
    background-size: cover !important;
    background-position: 63% center !important;
    background-repeat: no-repeat !important;
  }

  /* STARI CONTENT CONTAINER NEKA NE GURA ELEMENTE */
  html body .dz-mobile-hero-content {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* NASLOV */
  html body .dz-m-hero-title {
    position: absolute !important;
    left: 24px !important;
    bottom: 235px !important;
    z-index: 50 !important;

    width: 335px !important;
    max-width: 335px !important;

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body .dz-m-hero-title .elementor-heading-title,
  html body .dz-m-hero-title h1,
  html body .dz-m-hero-title h2 {
    font-size: 39px !important;
    line-height: 0.94 !important;
    letter-spacing: -1.3px !important;
    font-weight: 900 !important;

    color: #ffffff !important;
    text-align: left !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* OPIS */
  html body .dz-m-hero-desc {
    position: absolute !important;
    left: 24px !important;
    bottom: 185px !important;
    z-index: 50 !important;

    width: 335px !important;
    max-width: 335px !important;

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body .dz-m-hero-desc,
  html body .dz-m-hero-desc p {
    font-size: 15px !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;

    color: #ffffff !important;
    text-align: left !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* DUGMAD */
  html body .dz-m-hero-buttons {
    position: absolute !important;
    left: 24px !important;
    bottom: 95px !important;
    z-index: 60 !important;

    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body .dz-m-hero-buttons .elementor-widget-button,
  html body .dz-m-hero-button {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
  }

  html body .dz-m-hero-buttons .elementor-button,
  html body .dz-m-hero-button .elementor-button {
    height: 44px !important;
    min-height: 44px !important;

    padding: 0 16px !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    line-height: 44px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .dz-m-hero-buttons .elementor-button-text,
  html body .dz-m-hero-button .elementor-button-text {
    white-space: nowrap !important;
  }

  /* SKLONI SCROLL KRUG NA HERO TELEFONU */
  html body .dz-scroll-top,
  html body .scroll-top,
  html body .scroll-to-top,
  html body .back-to-top,
  html body [class*="scroll-top"],
  html body [class*="scroll-to-top"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* MOBILE STORY SECTION - VIŠE OD ODEĆE */

@media (max-width: 767px) {

  body .dz-story-mobile-section {
    background: #000000 !important;
    padding: 48px 24px 70px 24px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body .dz-story-mobile-section,
  body .dz-story-mobile-section .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* slika gore */
  body .dz-story-mobile-image {
    width: 100% !important;
    max-width: 100% !important;
    order: 1 !important;
    margin: 0 0 46px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body .dz-story-mobile-image img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    display: block !important;
  }

  /* tekst ispod slike */
  body .dz-story-mobile-content {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: block !important;
  }

  body .dz-story-mobile-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
  }

  body .dz-story-mobile-title .elementor-heading-title {
    font-size: 54px !important;
    line-height: 0.95 !important;
    letter-spacing: -1.8px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .dz-story-mobile-text {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 42px 0 !important;
    padding: 0 !important;
  }

  body .dz-story-mobile-text,
  body .dz-story-mobile-text p {
    font-size: 22px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-align: left !important;
    margin-bottom: 24px !important;
  }

  body .dz-story-mobile-button {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  body .dz-story-mobile-button .elementor-button {
    min-height: 58px !important;
    padding: 0 34px !important;
    border-radius: 999px !important;
    background: #c4a67a !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 58px !important;
  }
}
/* STORY SECTION MOBILE HARD RESET */

@media (max-width: 767px) {

  body .dz-story-mobile-section {
    background: #000000 !important;
    padding: 42px 22px 60px 22px !important;
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .dz-story-mobile-section,
  body .dz-story-mobile-section > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  body .dz-story-mobile-image {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 42px 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body .dz-story-mobile-image img {
    width: 100% !important;
    height: 265px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    display: block !important;
  }

  body .dz-story-mobile-content {
    order: 2 !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
  }

  body .dz-story-mobile-title {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: none !important;
  }

  body .dz-story-mobile-title .elementor-heading-title {
    font-size: 46px !important;
    line-height: 0.95 !important;
    letter-spacing: -1.4px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 340px !important;
  }

  body .dz-story-mobile-text {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 36px 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: none !important;
  }

  body .dz-story-mobile-text,
  body .dz-story-mobile-text p {
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-align: left !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
  }

  body .dz-story-mobile-button {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    transform: none !important;
  }

  body .dz-story-mobile-button .elementor-button {
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 34px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    line-height: 56px !important;
    font-weight: 700 !important;
    background: #c4a67a !important;
    color: #ffffff !important;
  }
}
/* FIX - STORY MOBILE SLIKA DA SE VIDI */

@media (max-width: 767px) {

  body .dz-story-mobile-section {
    padding-top: 38px !important;
  }

  body .dz-story-mobile-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 285px !important;
    min-height: 285px !important;

    margin: 0 0 42px 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 18px !important;

    background: transparent !important;
    position: relative !important;
  }

  body .dz-story-mobile-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body .dz-story-mobile-image img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 18px !important;
    max-width: none !important;
  }
}
/* STORY MOBILE - SKLONI BLUR SA SLIKE */

@media (max-width: 767px) {

  body .dz-story-mobile-image,
  body .dz-story-mobile-image *,
  body .dz-story-mobile-image img,
  body .dz-story-mobile-image .elementor-widget-container {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body .dz-story-mobile-image img {
    image-rendering: auto !important;
    width: 100% !important;
    height: 285px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}
/* STORY MOBILE - FIX BEZ SMANJIVANJA SLIKE */

@media (max-width: 767px) {

  /* ukloni unutrašnji scroll iz containera */
  body .dz-story-mobile-section,
  body .dz-story-mobile-section > .e-con-inner,
  body .dz-story-mobile-content,
  body .dz-story-mobile-content > .e-con-inner,
  body .dz-story-mobile-content .elementor-widget-wrap {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
  }

  /* sekcija neka bude normalna */
  body .dz-story-mobile-section {
    background: #000000 !important;
    padding: 42px 22px 70px 22px !important;
    margin: 0 !important;
  }

  /* SLIKA OSTAVLJENA VELIKA */
  body .dz-story-mobile-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    height: 285px !important;
    min-height: 285px !important;

    margin: 0 0 48px 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body .dz-story-mobile-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body .dz-story-mobile-image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
    border-radius: 18px !important;

    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  /* naslov da se ne seče */
  body .dz-story-mobile-title,
  body .dz-story-mobile-title .elementor-widget-container {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
  }

  body .dz-story-mobile-title .elementor-heading-title {
    font-size: 46px !important;
    line-height: 0.95 !important;
    letter-spacing: -1.4px !important;
    font-weight: 900 !important;
    color: #ffffff !important;

    height: auto !important;
    max-height: none !important;
    overflow: visible !important;

    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  body .dz-story-mobile-text,
  body .dz-story-mobile-button {
    position: static !important;
    transform: none !important;
  }
}
/* STORY MOBILE FINAL FIX - ne dira sliku, popravlja sečenje naslova i dugmeta */

@media (max-width: 767px) {

  body .dz-story-mobile-section {
    background: #000000 !important;
    padding: 42px 22px 150px 22px !important;
    margin: 0 !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    height: auto !important;
    max-height: none !important;
  }

  body .dz-story-mobile-section,
  body .dz-story-mobile-section > .e-con-inner,
  body .dz-story-mobile-content {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  /* SLIKA - ostaje velika */
  body .dz-story-mobile-image {
    order: 1 !important;
    height: 285px !important;
    min-height: 285px !important;
    margin: 0 0 58px 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body .dz-story-mobile-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  body .dz-story-mobile-content {
    order: 2 !important;
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* NASLOV - spusti ga da se ne seče */
  body .dz-story-mobile-title {
    position: static !important;
    display: block !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;

    overflow: visible !important;
    clip-path: none !important;
    transform: none !important;

    margin: 0 0 32px 0 !important;
    padding: 18px 0 0 0 !important;
  }

  body .dz-story-mobile-title .elementor-heading-title {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;

    font-size: 46px !important;
    line-height: 0.96 !important;
    letter-spacing: -1.4px !important;
    font-weight: 900 !important;

    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body .dz-story-mobile-text {
    position: static !important;
    display: block !important;
    margin: 0 0 42px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  body .dz-story-mobile-text,
  body .dz-story-mobile-text p {
    font-size: 20px !important;
    line-height: 1.5 !important;
    color: #ffffff !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
  }

  /* DUGME - podignuto i dodato dno da se ne seče */
  body .dz-story-mobile-button {
    position: static !important;
    display: inline-block !important;
    margin: 0 0 70px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  body .dz-story-mobile-button .elementor-button {
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 36px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    line-height: 58px !important;
    font-weight: 800 !important;
    background: #c4a67a !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* STORY MOBILE - SKUPLJENO + DUGME LEVO */

@media (max-width: 767px) {

  body .dz-story-mobile-section {
    padding: 34px 22px 70px 22px !important;
  }

  body .dz-story-mobile-image {
    margin: 0 0 34px 0 !important;
  }

  body .dz-story-mobile-title {
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
  }

  body .dz-story-mobile-title .elementor-heading-title {
    font-size: 44px !important;
    line-height: 0.94 !important;
    letter-spacing: -1.4px !important;
  }

  body .dz-story-mobile-text {
    margin: 0 0 28px 0 !important;
  }

  body .dz-story-mobile-text,
  body .dz-story-mobile-text p {
    font-size: 19px !important;
    line-height: 1.42 !important;
    margin: 0 0 16px 0 !important;
  }

  body .dz-story-mobile-button {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    align-self: flex-start !important;
  }

  body .dz-story-mobile-button .elementor-widget-container {
    text-align: left !important;
  }

  body .dz-story-mobile-button .elementor-button {
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 34px !important;
    line-height: 54px !important;
    border-radius: 999px !important;
  }
}
/* STORY MOBILE - NASLOV U JEDNOM REDU */

@media (max-width: 767px) {

  body .dz-story-mobile-title .elementor-heading-title {
    font-size: 34px !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    overflow: visible !important;
  }

  body .dz-story-mobile-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
}
/* STORY MOBILE - FINO PODEŠAVANJE NASLOVA, TEKSTA I DUGMETA */

@media (max-width: 767px) {

  body .dz-story-mobile-section {
    padding: 34px 22px 58px 22px !important;
  }

  body .dz-story-mobile-image {
    margin: 0 0 38px 0 !important;
  }

  /* naslov veći + ne seče kvačice */
  body .dz-story-mobile-title {
    margin: 0 0 14px 0 !important;
    padding: 14px 0 0 0 !important;
    overflow: visible !important;
  }

  body .dz-story-mobile-title .elementor-heading-title {
    font-size: 39px !important;
    line-height: 1.08 !important;
    letter-spacing: -1.2px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding-top: 0 !important;
    margin: 0 !important;
  }

  /* tekst bliže naslovu */
  body .dz-story-mobile-text {
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
  }

  body .dz-story-mobile-text,
  body .dz-story-mobile-text p {
    font-size: 19px !important;
    line-height: 1.42 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
  }

  /* dugme bliže tekstu i levo */
  body .dz-story-mobile-button {
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    align-self: flex-start !important;
    display: block !important;
  }

  body .dz-story-mobile-button .elementor-widget-container {
    text-align: left !important;
  }

  body .dz-story-mobile-button .elementor-button {
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 34px !important;
    line-height: 54px !important;
    border-radius: 999px !important;
  }
}
/* MOBILE - VIĐENO U PRAVOM SVETU bez posebnog grid containera */

@media (max-width: 767px) {

  body .dz-real-section {
    background: #ffffff !important;
    padding: 46px 18px 52px 18px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body .dz-real-section,
  body .dz-real-section > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* naslov gore */
  body .dz-real-title {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body .dz-real-title .elementor-heading-title {
    font-size: 34px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.8px !important;
    font-weight: 900 !important;
    color: #000000 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* subtitle */
  body .dz-real-subtitle {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body .dz-real-subtitle .elementor-heading-title,
  body .dz-real-subtitle p {
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    color: #111111 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* svaka slika = pola reda */
  body .dz-real-card {
    flex: 0 0 calc(50% - 7px) !important;
    width: calc(50% - 7px) !important;
    max-width: calc(50% - 7px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body .dz-real-card .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body .dz-real-card img {
    width: 100% !important;
    height: 165px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 12px !important;
  }

  /* donji tekst */
  body .dz-real-bottom {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 0 0 !important;
    padding: 0 12px !important;
    text-align: center !important;
  }

  body .dz-real-bottom .elementor-heading-title,
  body .dz-real-bottom p {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    color: #000000 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .dz-real-bottom strong,
  body .dz-real-bottom b {
    font-weight: 900 !important;
  }
}
/* MOBILE - VIĐENO U PRAVOM SVETU FINAL FIX */

@media (max-width: 767px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  body .dz-real-section {
    background: #ffffff !important;
    padding: 42px 18px 46px 18px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body .dz-real-section > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;

    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* NASLOV */
  body .dz-real-title {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body .dz-real-title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.8px !important;
    font-weight: 900 !important;
    color: #000000 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* PODNASLOV */
  body .dz-real-subtitle {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body .dz-real-subtitle .elementor-heading-title,
  body .dz-real-subtitle p {
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    color: #111111 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* SLIKE */
  body .dz-real-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  body .dz-real-card .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body .dz-real-card img {
    width: 100% !important;
    height: 165px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 12px !important;
  }

  /* UGASI INSTAGRAM HOVER NA TELEFONU */
  body .dz-real-card::before,
  body .dz-real-card::after,
  body .insta-hover-srna::before,
  body .insta-hover-srna::after,
  body .insta-hover-andjela::before,
  body .insta-hover-andjela::after,
  body .insta-hover-slika2::before,
  body .insta-hover-slika2::after,
  body .insta-hover-slika3::before,
  body .insta-hover-slika3::after,
  body .insta-hover-slika4::before,
  body .insta-hover-slika4::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body .dz-real-card img {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  /* DONJI TEKST */
  body .dz-real-bottom {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px 0 0 0 !important;
    padding: 0 8px !important;
    text-align: center !important;
  }

  body .dz-real-bottom .elementor-heading-title,
  body .dz-real-bottom p {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: #000000 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .dz-real-bottom strong,
  body .dz-real-bottom b {
    font-weight: 900 !important;
  }
}
@media (max-width: 921px) {

  /* RESET — DA SAJT OPET NORMALNO SKROLUJE */
  html,
  body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    touch-action: auto !important;
  }

  #page,
  .site,
  .site-content,
  main {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    touch-action: auto !important;
  }

  /* HAMBURGER MENI SAKRIVEN DOK NIJE OTVOREN */
  body:not(.ast-main-header-nav-open):not(.ast-popup-nav-open) .ast-mobile-header-content {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* GLAVNI DRAWER KAD JE HAMBURGER OTVOREN */
  body.ast-main-header-nav-open .ast-mobile-header-content,
  body.ast-popup-nav-open .ast-mobile-header-content {
    position: fixed !important;

    left: 0 !important;
    top: 126px !important;
    bottom: 0 !important;

    width: 88vw !important;
    max-width: 390px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: flex !important;
    flex-direction: column !important;

    background: #000000 !important;
    color: #ffffff !important;

    padding: 28px 32px 0 32px !important;
    margin: 0 !important;

    overflow: hidden !important;

    z-index: 999999 !important;

    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    transform: translateX(0) !important;
    transition: transform 0.34s ease, opacity 0.25s ease !important;
  }

  body.ast-main-header-nav-open .ast-mobile-header-content,
  body.ast-main-header-nav-open .ast-mobile-header-content *,
  body.ast-popup-nav-open .ast-mobile-header-content,
  body.ast-popup-nav-open .ast-mobile-header-content * {
    background-color: #000000 !important;
    box-shadow: none !important;
  }

  /* MENI LISTA */
  .ast-builder-menu-mobile,
  .ast-builder-menu-mobile .main-navigation,
  .ast-builder-menu-mobile .main-header-menu {
    width: 100% !important;
    background: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .ast-builder-menu-mobile .main-header-menu .menu-item {
    position: relative !important;
    background: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  /* GLAVNE STAVKE */
  .ast-builder-menu-mobile .main-header-menu > .menu-item > .menu-link {
    width: 100% !important;

    height: 50px !important;
    min-height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 42px 0 0 !important;
    margin: 0 !important;

    background: #000000 !important;
    color: #ffffff !important;

    border-bottom: 1px solid rgba(255,255,255,0.42) !important;

    font-size: 18.5px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: -0.1px !important;

    text-align: left !important;
    text-decoration: none !important;
  }

  /* BEZ ZLATNOG HOVERA / ACTIVE BOJE */
  .ast-builder-menu-mobile .main-header-menu .current-menu-item > .menu-link,
  .ast-builder-menu-mobile .main-header-menu .current_page_item > .menu-link,
  .ast-builder-menu-mobile .main-header-menu .menu-link:hover,
  .ast-builder-menu-mobile .main-header-menu .menu-link:focus {
    background: #000000 !important;
    color: #ffffff !important;
  }

/* PRODAVNICA — TEKST OTVARA PODMENI NA PRVI KLIK */

.ast-builder-menu-mobile
.main-header-menu
	.menu-item-has-children {
  position: relative !important;
}

.ast-builder-menu-mobile
.main-header-menu
	.menu-item-has-children
	.menu-link {
  position: relative !important;
  z-index: 5 !important;

  pointer-events: auto !important;
  cursor: pointer !important;

  padding-right: 48px !important;
}

/* Toggle ostaje samo u desnom delu gde je plus */

.ast-builder-menu-mobile
.main-header-menu
	.menu-item-has-children
	.ast-menu-toggle {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;

  z-index: 20 !important;

  width: 46px !important;
  height: 50px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  background: transparent !important;

  cursor: pointer !important;
}
  /* SKLONI ASTRA STRELICU */
  .ast-builder-menu-mobile .main-header-menu > .menu-item-has-children > .ast-menu-toggle svg,
  .ast-builder-menu-mobile .main-header-menu > .menu-item-has-children > .ast-menu-toggle .ast-icon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* MALI PLUS PORED PRODAVNICA */
  .ast-builder-menu-mobile .main-header-menu > .menu-item-has-children > .ast-menu-toggle::after {
    content: "+" !important;

    position: absolute !important;
    right: 0 !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    color: #ffffff !important;
    font-size: 27px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
  }

.ast-builder-menu-mobile
.main-header-menu
> .menu-item-has-children.menu-item-expanded
> .ast-menu-toggle::after,

.ast-builder-menu-mobile
.main-header-menu
> .menu-item-has-children.ast-submenu-expanded
> .ast-menu-toggle::after,

.ast-builder-menu-mobile
.main-header-menu
> .menu-item-has-children
> .ast-menu-toggle[aria-expanded="true"]::after {
  content: "−" !important;
}

  /* PODMENI DEFAULT SAKRIVEN */
  .ast-builder-menu-mobile .sub-menu {
    display: none !important;

    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;

    padding: 0 !important;
    margin: 0 !important;

    background: #000000 !important;
    border: none !important;
    box-shadow: none !important;
  }

 /* PODMENI OTVOREN — PODRŽAVA I ARIA-EXPANDED */

.ast-builder-menu-mobile
.menu-item-expanded
	.sub-menu,

.ast-builder-menu-mobile
.ast-submenu-expanded
	.sub-menu,

.ast-builder-menu-mobile
.ast-menu-toggle[aria-expanded="true"]
+ .sub-menu {
  display: block !important;

  max-height: 220px !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;

  padding: 10px 0 14px !important;
  margin: 0 !important;

  background: #000000 !important;
}

  .ast-builder-menu-mobile .sub-menu .menu-item {
    background: #000000 !important;
    border: none !important;
  }

  .ast-builder-menu-mobile .sub-menu .menu-link {
    width: 100% !important;

    height: 33px !important;
    min-height: 33px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 0 0 18px !important;
    margin: 0 !important;

    background: #000000 !important;
    color: rgba(255,255,255,0.70) !important;

    border: none !important;

    font-size: 16.5px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    text-align: left !important;
    text-decoration: none !important;
  }

  .ast-builder-menu-mobile .sub-menu .menu-link:hover,
  .ast-builder-menu-mobile .sub-menu .menu-link:focus {
    color: rgba(255,255,255,0.70) !important;
    background: #000000 !important;
  }

  /* LINIJA ISPOD OTVORENE PRODAVNICE */
  .ast-builder-menu-mobile .menu-item-has-children.menu-item-expanded,
  .ast-builder-menu-mobile .menu-item-has-children.ast-submenu-expanded {
    border-bottom: 1px solid rgba(255,255,255,0.42) !important;
    padding-bottom: 6px !important;
  }

  .ast-builder-menu-mobile .menu-item-has-children.menu-item-expanded > .menu-link,
  .ast-builder-menu-mobile .menu-item-has-children.ast-submenu-expanded > .menu-link {
    border-bottom: none !important;
  }

  /* UKLANJA STRELICE / BULLETE ISPRED PODMENIJA */
  .ast-builder-menu-mobile .sub-menu .menu-link::before,
  .ast-builder-menu-mobile .sub-menu .menu-link::after,
  .ast-builder-menu-mobile .sub-menu .menu-item::before,
  .ast-builder-menu-mobile .sub-menu .menu-item::after,
  .ast-builder-menu-mobile .sub-menu .ast-icon,
  .ast-builder-menu-mobile .sub-menu svg,
  .ast-builder-menu-mobile .sub-menu .sub-arrow,
  .ast-builder-menu-mobile .sub-menu .ast-menu-toggle,
  .ast-builder-menu-mobile .sub-menu button {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* DONJI DEO: DRUŠTVENE MREŽE + LOGO */
  body.ast-main-header-nav-open .ast-mobile-header-content .ast-builder-layout-element:has(.dz-astra-menu-extra),
  body.ast-popup-nav-open .ast-mobile-header-content .ast-builder-layout-element:has(.dz-astra-menu-extra) {
    margin-top: auto !important;
    width: 100% !important;
  }

  body.ast-main-header-nav-open .dz-astra-menu-extra,
  body.ast-popup-nav-open .dz-astra-menu-extra {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 0 34px 0 !important;

    display: block !important;

    background: #000000 !important;
  }

  body.ast-main-header-nav-open .dz-astra-menu-socials,
  body.ast-popup-nav-open .dz-astra-menu-socials {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 18px !important;

    margin: 0 0 18px 0 !important;
    padding: 0 !important;

    background: #000000 !important;
  }

  body.ast-main-header-nav-open .dz-astra-menu-socials a,
  body.ast-popup-nav-open .dz-astra-menu-socials a {
    width: 22px !important;
    height: 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-decoration: none !important;
    background: transparent !important;
  }

  body.ast-main-header-nav-open .dz-astra-menu-socials a::before,
  body.ast-popup-nav-open .dz-astra-menu-socials a::before {
    content: "" !important;

    display: block !important;

    width: 21px !important;
    height: 21px !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
  }

  .dz-social-facebook::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M14.2 8.1V6.7c0-.7.5-.9.9-.9h1.5V3.2L14.5 3c-2.5 0-3.8 1.5-3.8 4v1.1H8.3v3h2.4V21h3.1v-9.9h2.5l.4-3h-2.5z'/%3E%3C/svg%3E") !important;
  }

  .dz-social-instagram::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4c0 3.2-2.6 5.8-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8C2 4.6 4.6 2 7.8 2zm0 2C5.7 4 4 5.7 4 7.8v8.4C4 18.3 5.7 20 7.8 20h8.4c2.1 0 3.8-1.7 3.8-3.8V7.8C20 5.7 18.3 4 16.2 4H7.8zm4.2 3.3A4.7 4.7 0 1 1 12 16.7a4.7 4.7 0 0 1 0-9.4zm0 2A2.7 2.7 0 1 0 12 14.7a2.7 2.7 0 0 0 0-5.4zm5-2.3a1.1 1.1 0 1 1-1.1 1.1A1.1 1.1 0 0 1 17 7z'/%3E%3C/svg%3E") !important;
  }

  .dz-social-tiktok::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M16.1 3c.4 2.6 1.9 4.2 4.4 4.4v3c-1.5.1-2.9-.4-4.3-1.2v5.6c0 4.4-4.8 7.2-8.6 4.9-3.7-2.2-3.6-7.7.2-9.7 1.1-.6 2.2-.8 3.5-.6v3.2c-.5-.2-1.1-.2-1.7 0-1.6.5-2.2 2.5-1.1 3.8 1.1 1.3 3.3.7 3.6-1 .1-.3.1-.7.1-1V3h3.9z'/%3E%3C/svg%3E") !important;
  }

  body.ast-main-header-nav-open .dz-astra-menu-logo,
  body.ast-popup-nav-open .dz-astra-menu-logo {
    width: 150px !important;
    max-width: 150px !important;

    height: auto !important;

    display: block !important;
    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
  }

  .ast-mobile-header-content::after {
    content: none !important;
    display: none !important;
  }

  /* HAMBURGER / X */
  .ast-mobile-menu-trigger-minimal,
  .ast-button-wrap .menu-toggle,
  .main-header-menu-toggle {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #ffffff !important;
  }

  .ast-mobile-svg,
  .ast-mobile-svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }
}

@media (max-width: 380px) {

  body.ast-main-header-nav-open .ast-mobile-header-content,
  body.ast-popup-nav-open .ast-mobile-header-content {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  .ast-builder-menu-mobile .main-header-menu > .menu-item > .menu-link {
    font-size: 18px !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  .ast-builder-menu-mobile .main-header-menu > .menu-item-has-children > .ast-menu-toggle {
    height: 48px !important;
  }

  .ast-builder-menu-mobile .sub-menu .menu-link {
    font-size: 16px !important;
  }

  body.ast-main-header-nav-open .dz-astra-menu-logo,
  body.ast-popup-nav-open .dz-astra-menu-logo {
    width: 142px !important;
    max-width: 142px !important;
  }
}
/* SAFETY: WP ADMIN / CUSTOMIZER / EDITOR NIKAD NE SMEJU BITI ZAKLJUČANI */
body.wp-admin,
body.wp-customizer,
body.elementor-editor-active {
  position: static !important;
  overflow: auto !important;
  height: auto !important;
  max-height: none !important;
  touch-action: auto !important;
}

/* Zaključavanje važi samo dok je Astra mobilni meni zaista otvoren. */
@media (max-width: 921px) {
  body.dz-menu-locked:is(.ast-main-header-nav-open, .ast-popup-nav-open):not(.wp-admin):not(.wp-customizer):not(.elementor-editor-active) {
    position: fixed !important;
    top: var(--dz-lock-top, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    touch-action: none !important;
    overscroll-behavior: none !important;
  }

  html:has(body.dz-menu-locked:is(.ast-main-header-nav-open, .ast-popup-nav-open)) {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }
}
@media (max-width: 921px) {

  /* PROSTOR DA DONJI MENI NE PREKRIVA SADRŽAJ */
  body {
    padding-bottom: 96px !important;
  }

  /* DONJI MOBILE NAV */
  .dz-mobile-bottom-nav {
    position: fixed !important;

    left: 50% !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;

    width: calc(100vw - 64px) !important;
    max-width: 390px !important;
    height: 72px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;

    padding: 0 18px !important;

    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;

    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 999px !important;

    box-shadow: 0 12px 34px rgba(0,0,0,0.18) !important;

    z-index: 999999 !important;
  }

  .dz-bottom-item {
    width: 48px !important;
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;

    text-decoration: none !important;
    border-radius: 999px !important;

    background: transparent !important;
    color: #000000 !important;
  }

  .dz-bottom-icon {
    width: 30px !important;
    height: 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .dz-bottom-icon svg {
    width: 30px !important;
    height: 30px !important;

    fill: none !important;
    stroke: #000000 !important;
    stroke-width: 2.1 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .dz-bottom-icon svg circle {
    fill: #000000 !important;
    stroke: #000000 !important;
  }

  /* AKTIVNA POČETNA KAO NA GODINSPIRES */
  body.home .dz-bottom-home {
    width: 58px !important;
    height: 58px !important;

    background: #000000 !important;
    color: #ffffff !important;

    box-shadow: 0 8px 22px rgba(0,0,0,0.24) !important;
  }

  body.home .dz-bottom-home svg {
    stroke: #ffffff !important;
  }

  body.home .dz-bottom-home svg path {
    stroke: #ffffff !important;
  }

  /* KORPA TAČKICA */
  .dz-bottom-cart .dz-cart-dot {
    position: absolute !important;

    top: 6px !important;
    right: 5px !important;

    width: 14px !important;
    height: 14px !important;

    background: #c4a67a !important;
    border: 3px solid #ffffff !important;
    border-radius: 999px !important;
  }
}

/* SAKRIVENO NA DESKTOPU */
@media (min-width: 922px) {
  .dz-mobile-bottom-nav {
    display: none !important;
  }
}
@media (max-width: 921px) {

  .dz-mobile-bottom-nav {
    transition:
      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.24s ease !important;

    transform: translateX(-50%) translateY(0) !important;
    opacity: 1 !important;
  }

  .dz-mobile-bottom-nav.dz-bottom-nav-hidden {
    transform: translateX(-50%) translateY(120px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
@media (max-width: 921px) {

  .dz-mobile-bottom-nav {
    transition:
      transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
      opacity 0.42s ease !important;
  }

  .dz-mobile-bottom-nav.dz-bottom-nav-hidden {
    transform: translateX(-50%) translateY(140px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
@media (max-width: 921px) {

  /* NORMALNO STANJE — KAD JE BOTTOM NAV VIDLJIV */
  .dz-mobile-bottom-nav {
    transition:
      transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.32s ease !important;
  }

  /* NESTANAK KAD IDEŠ GORE KA HEADERU — SPORIJE I SMOOTH */
  .dz-mobile-bottom-nav.dz-bottom-nav-hidden {
    transform: translateX(-50%) translateY(150px) !important;
    opacity: 0 !important;
    pointer-events: none !important;

    transition:
      transform 0.78s cubic-bezier(0.16, 1, 0.3, 1),
      opacity 0.55s ease !important;
  }
}
@media (max-width: 921px) {

  /* VIDLJIVO STANJE */
  .dz-mobile-bottom-nav {
    transform: translateX(-50%) translateY(0) !important;
    opacity: 1 !important;

    transition:
      transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.45s ease !important;
  }

  /* SKLANJANJE KAD IDEŠ GORE KA HEADERU — MNOGO SPORIJE */
  .dz-mobile-bottom-nav.dz-bottom-nav-hidden {
    transform: translateX(-50%) translateY(165px) !important;
    opacity: 0 !important;
    pointer-events: none !important;

    transition:
      transform 1.35s cubic-bezier(0.16, 1, 0.3, 1),
      opacity 1.05s ease !important;
  }
}
@media (max-width: 921px) {

  /* UKLANJA BELO POLJE ISPOD FOOTERA */

  footer,
  .site-footer,
  .elementor-location-footer {
    background: #000000 !important;
    margin-bottom: 0 !important;
    padding-bottom: 96px !important;
  }

  /* da donji fixed meni i dalje ima prostora iznad iPhone bara */
  .dz-mobile-bottom-nav {
    bottom: 18px !important;
  }
}
@media (max-width: 921px) {

  footer,
  .site-footer,
  .elementor-location-footer {
    padding-bottom: 18px !important;
    margin-bottom: 0 !important;
  }

  footer .elementor-section:last-child,
  .site-footer .elementor-section:last-child,
  .elementor-location-footer .elementor-section:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  footer p:last-child,
  .site-footer p:last-child,
  .elementor-location-footer p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 921px) {

  /* FIX SAMO ZA SEKCIJU "NAJTRAŽENIJI KOMADI" */
  .elementor-widget-html:has(.dzba-row),
  .elementor-widget-html:has(.dzba-row) .elementor-widget-container,
  .e-con:has(.dzba-row),
  .e-con:has(.dzba-row) > .e-con-inner,
  .dzba-row {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  /* SVE UNUTAR TOG PRODUCT BLOKA DA BUDE NORMALNO VIDILJIVO */
  .dzba-row,
  .dzba-row * {
    color: #000000 !important;
  }

  /* CENA DA BUDE TAMNA I JAKA */
  .dzba-row .price,
  .dzba-row .amount,
  .dzba-row bdi,
  .dzba-row strong {
    color: #000000 !important;
    opacity: 1 !important;
  }

  /* SLIKE I CARDOVI DA OSTANU BELI */
  .dzba-product,
  .dzba-compare,
  .dzba-row img {
    background: #ffffff !important;
  }
}
/* =========================
   MOBILE SHOP FIX
========================= */

@media (max-width:767px){

html,
body{
    overflow-x:hidden!important;
}

/* ukloni horizontalni scroll */
body{
    margin:0!important;
}

/* newsletter */
.dz-news-final{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    background:#000!important;
}

/* footer */
.dz-footer-final{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    background:#000!important;
}

/* copyright */
.dz-footer-final-copy{
    margin:0!important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;
}

/* HTML widgeti samo za footer/newsletter — ne utiče globalno na ostale widgete */
.elementor-widget-html:has(.dz-footer-final),
.elementor-widget-html:has(.dz-footer-final) > .elementor-widget-container,
.elementor-widget-html:has(.dz-news-final),
.elementor-widget-html:has(.dz-news-final) > .elementor-widget-container{
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
}

/* footer container */
.elementor-widget-html:has(.dz-footer-final){
    margin:0!important;
    padding:0!important;
}

/* newsletter container */
.elementor-widget-html:has(.dz-news-final){
    margin:0!important;
    padding:0!important;
}

/* samo container koji sadrži footer */
.e-con:has(.dz-footer-final){
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
}

/* samo container koji sadrži newsletter */
.e-con:has(.dz-news-final){
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
}

/* footer poslednji */
.dz-footer-final{
    margin-bottom:0!important;
}

.dz-footer-final-copy{
    margin-bottom:0!important;
}

}
	@media (max-width:767px){

.dz-fullwidth-black{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    background:#000 !important;
}

.dz-fullwidth-black > .e-con-inner,
.dz-fullwidth-black > .elementor-container{
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

.dz-fullwidth-black .elementor-widget-wrap,
.dz-fullwidth-black .elementor-widget-html,
.dz-fullwidth-black .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}

}
/* =========================================================
   FINALNI FIX — PRODAVNICA OTVARA PODMENI NA PRVI KLIK
   OVAJ KOD MORA BITI NA SAMOM DNU ADDITIONAL CSS-A
========================================================= */

@media (max-width: 921px) {

  /* Glavna stavka Prodavnica */
  #menu-item-1870 {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000000 !important;
    border: none !important;
  }

  /* Tekst Prodavnica ostaje vidljiv, ali klik preuzima toggle */
  #menu-item-1870 > .menu-link {
    position: relative !important;
    z-index: 1 !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;

    margin: 0 !important;
    padding: 0 55px 0 0 !important;

    background: #000000 !important;
    color: #ffffff !important;

    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.42) !important;

    font-size: 18.5px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-decoration: none !important;

    pointer-events: none !important;
  }

  /*
   * Astra toggle prekriva ceo red.
   * Zato klik bilo gde na "Prodavnica" odmah otvara podmeni.
   */
  #menu-item-1870 > .ast-menu-toggle {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;

    z-index: 999 !important;

    display: block !important;

    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    cursor: pointer !important;
    pointer-events: auto !important;
  }

  /* Sklanja originalnu Astra strelicu */
  #menu-item-1870 > .ast-menu-toggle svg,
  #menu-item-1870 > .ast-menu-toggle .ast-icon,
  #menu-item-1870 > .ast-menu-toggle .sub-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Plus u zatvorenom stanju */
  #menu-item-1870 > .ast-menu-toggle::after {
    content: "+" !important;

    position: absolute !important;
    top: 50% !important;
    right: 0 !important;

    display: block !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 27px !important;
    line-height: 1 !important;
    font-weight: 300 !important;

    transform: translateY(-50%) !important;

    pointer-events: none !important;
  }

  /* Minus u otvorenom stanju */
  #menu-item-1870 > .ast-menu-toggle[aria-expanded="true"]::after,
  #menu-item-1870.menu-item-expanded > .ast-menu-toggle::after,
  #menu-item-1870.ast-submenu-expanded > .ast-menu-toggle::after {
    content: "−" !important;
  }

  /* Podmeni je potpuno zatvoren dok Prodavnica nije otvorena */
  #menu-item-1870 > .sub-menu {
    position: relative !important;

    display: none !important;

    width: 100% !important;
    max-width: 100% !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #000000 !important;

    border: 0 !important;
    box-shadow: none !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Otvoreno stanje — podržane sve Astra varijante */
  #menu-item-1870 > .ast-menu-toggle[aria-expanded="true"] + .sub-menu,
  #menu-item-1870.menu-item-expanded > .sub-menu,
  #menu-item-1870.ast-submenu-expanded > .sub-menu {
    display: block !important;

    max-height: 260px !important;

    margin: 0 !important;
    padding: 10px 0 14px !important;

    overflow: visible !important;

    background: #000000 !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* U otvorenom stanju linija ide tek ispod podmenija */
  #menu-item-1870:has(> .ast-menu-toggle[aria-expanded="true"]) > .menu-link,
  #menu-item-1870.menu-item-expanded > .menu-link,
  #menu-item-1870.ast-submenu-expanded > .menu-link {
    border-bottom: none !important;
  }

  #menu-item-1870:has(> .ast-menu-toggle[aria-expanded="true"]),
  #menu-item-1870.menu-item-expanded,
  #menu-item-1870.ast-submenu-expanded {
    padding-bottom: 6px !important;
    border-bottom: 1px solid rgba(255,255,255,0.42) !important;
  }

  /* Stavke unutar podmenija */
  #menu-item-1870 > .sub-menu > .menu-item {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #000000 !important;
    border: 0 !important;
  }

  #menu-item-1870 > .sub-menu > .menu-item > .menu-link {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: 33px !important;
    min-height: 33px !important;

    margin: 0 !important;
    padding: 0 0 0 35px !important;

    background: #000000 !important;
    color: rgba(255,255,255,0.70) !important;

    border: 0 !important;

    font-size: 16.5px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-decoration: none !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  #menu-item-1870 > .sub-menu > .menu-item > .menu-link:hover,
  #menu-item-1870 > .sub-menu > .menu-item > .menu-link:focus {
    background: #000000 !important;
    color: #ffffff !important;
  }

  /* Uklanja sve dodatne strelice i dugmad iz podmenija */
  #menu-item-1870 > .sub-menu .ast-menu-toggle,
  #menu-item-1870 > .sub-menu button,
  #menu-item-1870 > .sub-menu svg,
  #menu-item-1870 > .sub-menu .ast-icon,
  #menu-item-1870 > .sub-menu .sub-arrow,
  #menu-item-1870 > .sub-menu .menu-link::before,
  #menu-item-1870 > .sub-menu .menu-link::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (max-width: 921px) {

  /* Roditeljska stavka mora da raste kada se podmeni otvori */
  .ast-builder-menu-mobile .main-header-menu > .menu-item-has-children {
    position: relative !important;
    height: auto !important;
    min-height: 50px !important;
    overflow: visible !important;
  }

  /* Podmeni mora biti odmah ispod Prodavnice */
  .ast-builder-menu-mobile .main-header-menu > .menu-item-has-children > .sub-menu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 12px 0 14px 28px !important;

    transform: none !important;
    float: none !important;
    clear: both !important;

    background: #000000 !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* Zatvoren podmeni */
  .ast-builder-menu-mobile
  .main-header-menu
  > .menu-item-has-children
  > .sub-menu {
    display: none !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
  }

  /* Otvoren podmeni */
  .ast-builder-menu-mobile
  .main-header-menu
  > .menu-item-has-children.menu-item-expanded
  > .sub-menu,

  .ast-builder-menu-mobile
  .main-header-menu
  > .menu-item-has-children.ast-submenu-expanded
  > .sub-menu {
    display: block !important;
    max-height: 220px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  /* Linkovi Svi artikli / Majice / Duksevi */
  .ast-builder-menu-mobile .sub-menu .menu-item {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .ast-builder-menu-mobile .sub-menu .menu-link {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,0.68) !important;
    background: transparent !important;

    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    border: none !important;
  }

  /* Najprodavanije mora doći tek posle celog otvorenog podmenija */
  .ast-builder-menu-mobile
  .main-header-menu
  > .menu-item-has-children
  + .menu-item {
    clear: both !important;
  }
}
/* ===== DUH ŽIVOTNI PRODUCT LAYOUT (LEGACY - ZAMENJENO ELEMENTOR/SHOPBUILDER CSS-om, uklonjen konfliktni div.product grid) ===== */

@media (min-width:1100px){

.single-product .site-main{
    max-width:1400px;
    margin:0 auto;
    padding:50px 40px;
}

}
/* =====================================================
   DUH ŽIVOTNI — VARIABLE PRODUCT / ADD TO CART
===================================================== */

/* Ceo blok varijacija i kupovine */
.single-product form.variations_form,
.single-product form.cart {
    width: 100%;
    margin: 0;
}

/* Tabela varijacija */
.single-product table.variations {
    width: 100%;
    margin: 0 0 28px !important;
    border: 0 !important;
}

.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations th,
.single-product table.variations td {
    display: block;
    width: 100%;
    border: 0 !important;
    padding: 0 !important;
}

/* Naziv atributa: IZABERI BOJU / IZABERI VELIČINU */
.single-product table.variations th.label {
    margin: 0 0 14px;
    text-align: left;
}

.single-product table.variations th.label label {
    display: block;
    margin: 0;
    color: #111;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase;
}

/* Razmak između boje i veličine */
.single-product table.variations tr {
    margin-bottom: 30px;
}

/* Ako plugin prikazuje klasičan dropdown */
.single-product table.variations select {
    width: 100%;
    min-height: 54px;
    padding: 0 16px;
    color: #111;
    background: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 16px;
    box-shadow: none;
    outline: none;
}

.single-product table.variations select:focus {
    border-color: #111;
}

/* =====================================================
   SWATCH / BUTTON VARIJANTE
   Radi ako widget ili swatches dodatak pravi dugmiće
===================================================== */

.single-product .variable-items-wrapper,
.single-product .rtwpvs-terms-wrapper,
.single-product .woo-variation-items-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

/* Pojedinačna veličina: S, M, L, XL... */
.single-product .variable-item,
.single-product .rtwpvs-term,
.single-product .woo-variation-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 66px;
    height: 52px;
    margin: 0 !important;
    padding: 0 17px !important;
    color: #111 !important;
    background: #fff !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 8px !important;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease;
}

/* Hover */
.single-product .variable-item:hover,
.single-product .rtwpvs-term:hover,
.single-product .woo-variation-item:hover {
    border-color: #111 !important;
}

/* Aktivna veličina */
.single-product .variable-item.selected,
.single-product .variable-item[aria-checked="true"],
.single-product .rtwpvs-term.selected,
.single-product .woo-variation-item.selected {
    color: #fff !important;
    background: #000 !important;
    border-color: #000 !important;
}

/* Krug za boju */
.single-product .color-variable-item,
.single-product .variable-item.color-variable-item {
    min-width: 48px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 5px !important;
    border: 2px solid #111 !important;
    border-radius: 50% !important;
    background: #fff !important;
}

.single-product .color-variable-item.selected,
.single-product .variable-item.color-variable-item.selected {
    outline: 2px solid #111;
    outline-offset: 3px;
}

/* Reset/Clear link */
.single-product .reset_variations {
    display: inline-block;
    margin-top: 12px;
    color: #777 !important;
    font-size: 13px;
    text-decoration: underline;
}

/* =====================================================
   KOLIČINA + ADD TO CART
===================================================== */

.single-product .woocommerce-variation-add-to-cart,
.single-product .single_variation_wrap {
    width: 100%;
}

/* Red dugmeta */
.single-product .woocommerce-variation-add-to-cart {
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin-top: 24px;
}

/* Sakrij quantity ako želiš samo veliko dugme kao na referenci */
.single-product .woocommerce-variation-add-to-cart .quantity {
    display: none !important;
}

/* Cena konkretne izabrane varijacije */
.single-product .woocommerce-variation-price {
    margin: 0 0 18px;
}

.single-product .woocommerce-variation-price .price {
    color: #111 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

/* Opis varijacije */
.single-product .woocommerce-variation-description {
    margin-bottom: 18px;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

/* Mobilni */
@media (max-width: 767px) {
    .single-product .variable-item,
    .single-product .rtwpvs-term,
    .single-product .woo-variation-item {
        min-width: 58px;
        height: 48px;
        padding: 0 14px !important;
        font-size: 15px !important;
    }

}
/* Sakrij quantity */
.woocommerce div.quantity{
    display:none!important;
}

/* DUH ŽIVOTNI — SHOPBUILDER ADD TO CART */

html body.single-product form.variations_form
.woocommerce-variation-add-to-cart {
    display: flex !important;
    width: 100% !important;
    margin-top: 28px !important;
}

html body.single-product form.variations_form
.woocommerce-variation-add-to-cart .quantity {
    display: none !important;
}

/* DUH ŽIVOTNI — sakrivanje stare boje i naslova veličine */
.dz-product-options table.variations tr:first-child {
  display: none !important;
}

/* Sakriva samo labelu drugog reda: "Veličina" */
.dz-product-options table.variations tr:nth-child(2) th.label,
.dz-product-options table.variations tr:nth-child(2) td.label {
  display: none !important;
}

/* Dugmići veličina ostaju prikazani preko cele širine */
.dz-product-options table.variations tr:nth-child(2) td.value {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
}

/* Uklanja nepotreban prostor tabele */
.dz-product-options table.variations,
.dz-product-options table.variations tbody,
.dz-product-options table.variations tr:nth-child(2) {
  display: block !important;
  width: 100% !important;
}
.dz-add-cart-wrap{
    width:100%;
    margin:22px 0;
}

#dz-add-cart-btn{

    width:100%;
    height:64px;

    border:2px solid #c5a06b;
    border-radius:999px;

    background:#c5a06b;

    color:#fff;

    font-family:Montserrat,sans-serif;
    font-size:22px;
    font-weight:500;
    letter-spacing:.3px;

    cursor:pointer;

    transition:.28s;
}

#dz-add-cart-btn:hover{

    background:#fff;
    color:#c5a06b;

    border-color:#c5a06b;

}
.rtsb-product-add-to-cart .quantity{
    display:none !important;
}
/* Bela pozadina Single Product stranice na telefonu */
@media only screen and (max-width: 921px) {
  body.single-product,
  body.single-product #page,
  body.single-product .site,
  body.single-product .site-content,
  body.single-product main,
  body.single-product .elementor,
  body.single-product .elementor-location-single {
    background-color: #ffffff !important;
  }
}
/* SINGLE PRODUCT — siguran vertikalni skrol kada mobilni meni nije otvoren */
@media (max-width: 921px) {
  html:has(body.single-product:not(.ast-main-header-nav-open):not(.ast-popup-nav-open):not(.dz-review-locked)) {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: auto !important;
  }

  html body.single-product:not(.ast-main-header-nav-open):not(.ast-popup-nav-open):not(.dz-review-locked) {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
    overscroll-behavior: auto !important;
  }

  body.single-product:not(.ast-main-header-nav-open):not(.ast-popup-nav-open):not(.dz-review-locked) #page,
  body.single-product:not(.ast-main-header-nav-open):not(.ast-popup-nav-open):not(.dz-review-locked) .site,
  body.single-product:not(.ast-main-header-nav-open):not(.ast-popup-nav-open):not(.dz-review-locked) .site-content,
  body.single-product:not(.ast-main-header-nav-open):not(.ast-popup-nav-open):not(.dz-review-locked) main,
  body.single-product:not(.ast-main-header-nav-open):not(.ast-popup-nav-open):not(.dz-review-locked) .elementor-location-single {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }

  body.single-product .elementor-widget-rtsb-product-add-to-cart,
  body.single-product .elementor-widget-rtsb-product-add-to-cart > .elementor-widget-container,
  body.single-product .rtsb-product-add-to-cart,
  body.single-product .rtsb-product-add-to-cart form.variations_form {
    touch-action: pan-y !important;
    overscroll-behavior: auto !important;
  }
}
/*
 * Nalepi ovaj blok kao POSLEDNJI kod u Additional CSS.
 * Koristi samo pravi WooCommerce tekst i uklanja svaki stari duplikat.
 */

html body.single-product
.rtsb-product-add-to-cart
form.variations_form
.single_add_to_cart_button {
    --dz-atc-gold:#bea078;
    position:relative !important;
    z-index:0 !important;
    overflow:hidden !important;
    isolation:isolate !important;
    border:2px solid var(--dz-atc-gold) !important;
    background:var(--dz-atc-gold) !important;
    background-image:none !important;
    color:#fff !important;
    -webkit-text-fill-color:currentColor !important;
    font-family:Montserrat,Arial,sans-serif !important;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.2px !important;
    transition:color .34s ease,border-color .34s ease,transform .15s ease !important;
}

/* beli panel koji uklizi preko dugmeta pri hover-u - isti mehanizam kao dv-sticky-cart__add */
html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button::before {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background:#ffffff !important;
    pointer-events:none !important;
    transform:translateX(-101%) !important;
    transition:transform .38s cubic-bezier(.22,.8,.3,1) !important;
}

html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button::after,
html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button:not(:has(.text))::after,
html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button .text::before,
html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button .text::after {
    content:none !important;
    display:none !important;
}

html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button .text {
    position:relative !important;
    z-index:2 !important;
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
    font-size:inherit !important;
    line-height:inherit !important;
}

html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button {
    border-width:2px !important;
    border-style:solid !important;
    border-color:var(--dz-atc-gold) !important;
}

@media (hover:hover) and (pointer:fine) {
    html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button:not(.disabled):not(:disabled):hover {
        border-color:var(--dz-atc-gold) !important;
        background:var(--dz-atc-gold) !important;
        color:var(--dz-atc-gold) !important;
        -webkit-text-fill-color:currentColor !important;
    }
    html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button:not(.disabled):not(:disabled):hover::before {
        transform:translateX(0) !important;
    }
}

@media (max-width:767px) {
    html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button {
        font-size:18px !important;
    }
}


/* Fix: beli razmak izmedju "Mozda vam se takodje svidi" i newsletter/footer sekcije.
   Uzrok: skriveni "code storage" kontejner (elementor-element-0684cbf, .dz-code-storage)
   se prikazivao sa svojim paddingom umesto da bude sakriven, a .dzba-related-products
   sekcija je imala suvisan margin-bottom.
   NAPOMENA: koristimo height:0 umesto display:none, jer display:none potpuno gasi
   i decu koja koriste position:fixed (npr. dv-sticky-cart traka koja zivi u ovom
   kontejneru) - height:0 i dalje uklanja prazninu ali dozvoljava fixed deci da se prikazu. */
.dz-code-storage{
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:visible !important;
}
.elementor-element-0684cbf{
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:visible !important;
}
.dzba-related-products{
  margin-bottom:0 !important;
}
.elementor-element-b8a2463{
  padding-bottom:58px !important;
}


/* Mobilna galerija slika proizvoda - edge-to-edge (bez belog okvira), po uzoru na referentni dizajn */
@media (max-width: 767px) {
  html body.single-product div.elementor-element.elementor-element-4575aa0.e-con,
  html body.single-product div.elementor-element.elementor-element-4575aa0.e-con.e-child,
  html body.single-product .rtsb-vs-product .elementor-element-4575aa0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}


/* Mobilni naslov proizvoda - manji font da stane u manje redova, po uzoru na referentni dizajn */
@media (max-width: 767px) {
  html body.single-product .elementor-element-6d2da49 h2.product_title,
  html body.single-product h2.product_title.entry-title {
    font-size: 26px !important;
    line-height: 1.15 !important;
  }
}


/* Trust badges (Zasnovano na veri / Kvalitet / Utisak / Hiljade) - 2x2 grid na mobilnom,
   umesto 4 uske kolone u redu koje seku tekst. Koristimo CSS grid jer se flex-wrap
   cudno ponasao (svaka kartica je i dalje isla u sopstveni red uprkos width:50%). */
@media (max-width: 767px) {
  html body .elementor-element-a12c7a8 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 20px !important;
    row-gap: 40px !important;
  }
  html body .elementor-element-a12c7a8 > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }
}


/* Ugnjezdeni scroll kontejner (fc199b2) - iOS Safari jank fix.
   Ovaj kontejner ima overflow-y:auto (Elementor container default), sto ga iOS Safari
   tretira kao posebnu scroll-zonu bez glatkog touch-scroll-a, izazivajuci
   "zaglavljen"/trzav skrol koji trazi vise pokusaja. Forsiramo overflow:visible
   da prestane da bude sopstvena scroll zona - stranica ostaje jedini scroll kontekst. */
html body.single-product .elementor-element-fc199b2,
html body .elementor-element-fc199b2 {
  overflow-x: visible !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: auto !important;
}


/* Jos ugnjezdenih scroll kontejnera (832d71d zvezdice, elementor-2104 wrapper) - isti iOS Safari jank fix */
html body .elementor-element-832d71d {
  overflow: visible !important;
  height: auto !important;
  min-height: auto !important;
}
html body .elementor-2104 {
  overflow-x: visible !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: auto !important;
}


/* Jos jedan ugnjezdeni scroll (13f5e5a > e-con-inner, roditelj zvezdica) */
html body .elementor-element-13f5e5a,
html body .elementor-element-13f5e5a > .e-con-inner {
  overflow: visible !important;
  height: auto !important;
  min-height: auto !important;
}


/* =====================================================
   KORPA — zlatna tackica u donjoj piluli
   Podrazumevano je sakrivena. JS dodaje klasu
   .dz-has-cart-items na .dz-mobile-bottom-nav kada
   data-cart-total (WooCommerce fragment) bude > 0.
===================================================== */
@media (max-width: 921px) {

  .dz-bottom-cart .dz-cart-dot {
    display: none !important;
  }

  .dz-mobile-bottom-nav.dz-has-cart-items .dz-bottom-cart .dz-cart-dot {
    display: block !important;
  }
}


/* =====================================================
   DZ MOBILNI INFO KONTEJNER — usklađivanje sa referencom
   SAMO mobilni (max-width: 767px). PC verzija se ne dira:
   isti widgeti se koriste i na desktopu, pa je sve
   obavezno zatvoreno u media upit.
===================================================== */
@media (max-width: 767px) {

  /* --- OCENA: zlatne zvezdice umesto crnih ---
     Boja mora na <path> unutar svg-a; fill na samom svg
     elementu ne prolazi. */
  html body.single-product .elementor-element-de8806a svg path,
  html body.single-product .elementor-element-c0070e0 svg path,
  html body.single-product .elementor-element-1e4b767 svg path,
  html body.single-product .elementor-element-ddec38b svg path,
  html body.single-product .elementor-element-31c8a0e svg path {
    fill: #c4a67a !important;
  }

  /* --- VELIČINE: svih pet u jednom redu, kompaktno ---
     nth-of-type(2) je red "Veličina"; red "Boja" (1) se ne dira. */
  html body.single-product .variations tr:nth-of-type(2) .rtsb-terms-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  html body.single-product .variations tr:nth-of-type(2) .rtsb-term.rtsb-button-term {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
  }

  html body.single-product .variations tr:nth-of-type(2) .rtsb-term-span-button {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    line-height: 44px !important;
    padding: 0 !important;
    font-size: 15px !important;
    border-radius: 8px !important;
  }

  /* --- DUGME: zaobljena pilula ---
     Elementor generiše u post-2104.css pravilo sa 6 klasa
     (.elementor-2104 .elementor-element.elementor-element-7e5a3d3
      .rtsb-product-add-to-cart .cart .button) koje forsira
     border-radius:5px !important. Zato selektor ispod mora
     imati veću specifičnost od toga. */
  html body.single-product .elementor-element.elementor-element-7e5a3d3
    .rtsb-product-add-to-cart .cart .button.single_add_to_cart_button {
    border-radius: 999px !important;
    height: 64px !important;
    min-height: 64px !important;
    font-size: 17px !important;
  }

  /* --- ZNAČKE POVERENJA: tri kolone u sivom okviru ---
     Postojalo je pravilo u @media (max-width:480px) koje ih
     je slagalo u jednu kolonu; ovo ga nadjačava. */
  html body.single-product .elementor-element-7e5a3d3 .dz-purchase-benefits {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    padding: 18px 10px !important;
  }

  html body.single-product .elementor-element-7e5a3d3 .dz-purchase-benefit {
    width: auto !important;
    max-width: none !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  html body.single-product .elementor-element-7e5a3d3 .dz-purchase-benefit span {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  /* --- Manji prazan prostor iznad dugmeta ---
     U referenci tu stoje Size Chart / What's my size / Shop Pay,
     koje ne dodajemo, pa bi inace ostala velika rupa. */
  html body.single-product .elementor-element.elementor-element-7e5a3d3 .woocommerce-variation-add-to-cart {
    margin-top: 8px !important;
    padding-top: 0 !important;
  }

  /* --- "Brzo se prodaje | ..." kao JEDNA RECENICA ---
     To su dva odvojena Elementor heading widgeta, pa tekst
     ne moze da tece iz jednog u drugi. Zato na mobilnom
     sakrivamo drugi widget (a6036db) i njegov tekst dodajemo
     kao nastavak prvog preko ::after.
     PAZNJA: tekst je ovde prepisan. Ako se ikad promeni
     sadrzaj widgeta a6036db, mora i ovde rucno. */
  html body.single-product .elementor-element.elementor-element-a6036db {
    display: none !important;
  }

  html body.single-product .elementor-element.elementor-element-e89d3f0 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
  }

  html body.single-product .elementor-element.elementor-element-e89d3f0 .elementor-heading-title::after {
    content: " | Ovaj artikal trenutno privla\010Di veliku pa\017Enju.";
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    line-height: 24px;
  }
}

/* =====================================================
   DZ MOBILNI BLOK SA 4 KARTICE (a12c7a8)
   Usklađivanje sa referencom: sivi blok od ivice do ivice,
   sve centrirano, tanke vodoravne linije ispod ćelija
   umesto zaobljenih uspravnih okvira, i zbijeniji raspored.
   SAMO mobilni — isti widgeti se koriste i na desktopu.
===================================================== */
@media (max-width: 767px) {

  /* Blok preko cele širine, bez zaobljenih uglova */
  html body.single-product .elementor-element.elementor-element-a12c7a8 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    padding: 14px 18px 0 !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 24px !important;
  }

  /* Ćelije su imale border-right:1px + border-radius:10px,
     što je pravilo one zaobljene uspravne linije.
     Zamenjujemo tankom vodoravnom linijom ispod. */
  html body.single-product .elementor-element.elementor-element-a12c7a8 > .e-con {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important;
    padding: 12px 4px 16px !important;
  }

  /* Sve centrirano + uklonjen unutrašnji padding od 10px 0,
     koji je svakom redu dodavao 20px prazne visine */
  html body.single-product .elementor-element.elementor-element-a12c7a8 .e-con-inner {
    text-align: center !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 5px !important;
  }

  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-heading-title,
  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-widget-text-editor,
  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-widget-text-editor p,
  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-widget-icon {
    text-align: center !important;
  }

  /* Manje ikonice i naslovi, i zbijeniji prored */
  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-widget-icon svg,
  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-widget-icon i {
    width: 26px !important;
    height: 26px !important;
    font-size: 26px !important;
  }

  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-heading-title {
    font-size: 17px !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
  }

  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-widget-text-editor,
  html body.single-product .elementor-element.elementor-element-a12c7a8 .elementor-widget-text-editor p {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}


/* =====================================================
   DZ MOBILNA SEKCIJA "VISE OD ODECE" (68e76d9)
   Na desktopu je raspored u dve kolone: tekst levo,
   kolaz slika desno (slike su elementor-absolute sa
   pikselskim pozicijama za desktop). Na mobilnom se to
   nije prelamalo — tekst je bio stisnut na 115px, a
   slike su padale na sirinu 0 i van ekrana.
   Ovde pravimo mobilni raspored: kolaz gore, pa naslov
   i tekst ispod. SAMO mobilni — PC ostaje netaknut.
===================================================== */
@media (max-width: 767px) {

  html body.single-product .elementor-element.elementor-element-68e76d9 {
    display: flex !important;
    flex-direction: column !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  /* --- KOLAZ SLIKA (ide prvi) --- */
  html body.single-product .elementor-element.elementor-element-dd295b7 {
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 430px !important;
    min-height: 430px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-widget-image {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-widget-image .elementor-widget-container,
  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-widget-image figure,
  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-widget-image a {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }

  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-widget-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  /* leva slika — iza ostalih */
  html body.single-product .elementor-element.elementor-element-48bf927 {
    left: 4% !important;
    right: auto !important;
    top: 90px !important;
    bottom: auto !important;
    width: 46% !important;
    height: 240px !important;
    z-index: 1 !important;
  }

  /* centralna, najveca */
  html body.single-product .elementor-element.elementor-element-d6f9730 {
    left: 30% !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    width: 55% !important;
    height: 290px !important;
    z-index: 2 !important;
  }

  /* desna — ispred svega */
  html body.single-product .elementor-element.elementor-element-c166061 {
    left: 60% !important;
    right: auto !important;
    top: 215px !important;
    bottom: auto !important;
    width: 36% !important;
    height: 190px !important;
    z-index: 3 !important;
  }

  /* --- NASLOV I TEKST (ispod kolaza) --- */
  html body.single-product .elementor-element.elementor-element-f6174fb {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
    margin: 0 !important;
  }

  html body.single-product .elementor-element.elementor-element-f6174fb > .elementor-widget {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* =====================================================
   DZ KOLAZ - SLIKE KAO POZADINE + NASLOV BEZ ODSECANJA

   Problem 1: <img> u ovim widgetima ima apsolutni src ka
   https://duhzivotni.com/... Kroz Live Link tunel to
   postaje http:///... na https:// stranici, pa
   pregledac blokira mixed content i slike ostaju prazne.
   Resenje: iste slike se postavljaju kao background sa
   ROOT-RELATIVNIM putanjama, koje rade na svakom domenu
   i uvek nasleduju ispravan protokol.

   Problem 2: Elementor lazy-load CSS ima pravilo
   .e-con.e-parent:not(.e-lazyloaded) * { background-image:none !important }
   specificnosti (0,5,0). Zato selektori ispod moraju
   biti specificniji od toga.

   Problem 3: naslov je imao font-size 54px uz
   line-height 48px, pa su se kvacice na S i C odsecale.
===================================================== */
@media (max-width: 767px) {

  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-48bf927.elementor-widget-image img,
  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-d6f9730.elementor-widget-image img,
  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-c166061.elementor-widget-image img {
    opacity: 0 !important;
  }

  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-48bf927.elementor-widget-image,
  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-d6f9730.elementor-widget-image,
  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-c166061.elementor-widget-image {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-48bf927.elementor-widget-image {
    background-image: url("/wp-content/uploads/2026/07/irl-smrtpobedjena-1-768x1024.jpg") !important;
  }

  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-d6f9730.elementor-widget-image {
    background-image: url("/wp-content/uploads/2026/07/copy_B3A1BEC5-693A-4241-A86F-6588D266E58C-768x1024.jpeg") !important;
  }

  html body.single-product .elementor-element.elementor-element-dd295b7 .elementor-element.elementor-element-c166061.elementor-widget-image {
    background-image: url("/wp-content/uploads/2026/07/D91C45D1-DD8C-4DF4-8105-F481729D36C5-1.jpg") !important;
  }

  /* Naslov: manji font i prored veci od visine slova */
  html body.single-product .elementor-element.elementor-element-1c72341 .elementor-heading-title {
    font-size: 40px !important;
    line-height: 1.25 !important;
  }

  /* Razmak od prethodnog bloka (kartice) - dodirivale su se */
  html body.single-product .elementor-element.elementor-element-68e76d9 {
    margin-top: 36px !important;
  }
}

/* =====================================================
   DZ MOBILNI RASPORED RECENZIJA
   SAMO mobilni (max-width:767px). PC ostaje netaknut -
   koristi iste .dv-* klase, ali PC nema max-width:767px.
===================================================== */
@media (max-width: 767px) {

  /* --- Raspodela po zvezdicama (dv-dropdown) kao deo
     normalnog toka stranice, ne kao lebdeci overlay preko
     recenzija ispod. Original je position:absolute sa
     fiksnom sirinom od 340px, sto na uskom ekranu i
     prelazi preko ivice i preklapa sadrzaj ispod. --- */
  html body .dv-review-wrapper {
    display: block !important;
    width: 100% !important;
  }

  html body .dv-review-header {
    justify-content: center !important;
  }

  html body .dv-dropdown {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 18px !important;
    box-sizing: border-box !important;
    transform: none !important;
    display: none;
  }

  html body .dv-review-wrapper.open .dv-dropdown {
    display: block !important;
  }

  /* --- "Napiši ocenu" wizard (koraci 1-3) u punom ekranu,
     kao na referenci - bela pozadina bez zatamnjenja,
     kartica bez zaobljenih uglova preko celog ekrana.
     Koraci 4 (uspeh) i 5 (greska) ostaju kompaktne kartice,
     jer su to kratke potvrde, ne deo glavnog toka. --- */
  html body #dv-review-modal.active,
  html body .dv-modal-2.active,
  html body .dv-modal-3.active {
    background: #fff !important;
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  html body #dv-review-modal.active > .dv-modal,
  html body .dv-modal-2.active > .dv-modal-box,
  html body .dv-modal-3.active > .dv-modal-3-box {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 30px 24px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    animation: none !important;
    transform: none !important;
  }
}

/* =====================================================
   DZ ZAGLAVLJE SEKCIJE RECENZIJA (13f5e5a)
   Red 1: zvezdice+broj recenzija (levo) i filter (desno).
   Red 2: "Napiši ocenu" preko cele širine, ispod.
   SAMO mobilni - isti widgeti se koriste i na desktopu.
===================================================== */
@media (max-width: 767px) {

  html body .elementor-element-13f5e5a .e-con-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  /* Zvezdice + broj recenzija - uzima preostali prostor u redu 1 */
  html body .elementor-element.elementor-element-832d71d {
    order: 1 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  html body .elementor-element.elementor-element-832d71d .dv-review-wrapper,
  html body .elementor-element.elementor-element-832d71d .dv-review-header {
    min-width: 0 !important;
  }

  /* Filter - fiksna velicina, desno u redu 1 */
  html body .elementor-element.elementor-element-e5fb279 {
    order: 2 !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }

  /* "Napiši ocenu" - ceo red 2, ispod */
  html body .elementor-element.elementor-element-3790199 {
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  html body .elementor-element.elementor-element-273b29d {
    width: 100% !important;
  }

  html body .elementor-element.elementor-element-273b29d .elementor-button {
    display: flex !important;
    width: 100% !important;
    height: 52px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

/* =====================================================
   DZ SERIJA ISPRAVKI - RECENZIJE BATCH 2
===================================================== */

/* --- 1) Kad se otvori raspodela po zvezdicama, red sa
   zvezdicama+brojem i filterom ostaje poravnat na vrhu
   (ne centrira se u odnosu na visinu cele prosirene
   kartice, koja moze biti i 500px+ visoka). SAMO mobilni. --- */
@media (max-width: 767px) {
  html body .elementor-element-13f5e5a .e-con-inner {
    align-items: flex-start !important;
  }
}

/* --- 2) Donja "pilula" (dz-mobile-bottom-nav) potpuno
   sklonjena dok je BILO KOJI korak recenzija otvoren -
   pisanje ocene (koraci 1-5) ili pregled pojedinacne
   recenzije. Vazi i za mobilni i za desktop jer je pilula
   ionako mobilna-only komponenta. --- */
body:has(#dv-review-modal.active) .dz-mobile-bottom-nav,
body:has(.dv-modal-2.active) .dz-mobile-bottom-nav,
body:has(.dv-modal-3.active) .dz-mobile-bottom-nav,
body:has(.dv-modal-4.active) .dz-mobile-bottom-nav,
body:has(.dv-modal-5.active) .dz-mobile-bottom-nav,
body:has(.dvri-modal.active) .dz-mobile-bottom-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(-50%) translateY(120px) !important;
}

/* --- 3) Klik/dodir na red ocene (5,4,3...) za filtriranje
   recenzija - odbrambena mera protiv gesta koje mobilni
   pregledaci ponekad protumace kao skrol umesto dodira. --- */
html body .dv-row {
  touch-action: manipulation !important;
}

/* --- 4) Prikaz pojedinacne recenzije (klik na karticu) u
   punom ekranu na mobilnom, isto kao "Napisi ocenu" wizard.
   Fotografija ide PRVO (redosled u DOM-u je obrnut zbog
   desktop grid rasporeda gde je tekst levo a slika desno). --- */
@media (max-width: 767px) {
  html body .dvri-modal-overlay {
    background: #fff !important;
  }

  html body .dvri-modal-box {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body .dvri-modal-review-body {
    display: flex !important;
    flex-direction: column !important;
  }

  html body .dvri-modal-media {
    order: 1 !important;
    aspect-ratio: auto !important;
    height: 42vh !important;
  }

  html body .dvri-modal-review-copy {
    order: 2 !important;
    min-height: 0 !important;
    border: 0 !important;
    padding: 0 !important;
  }

  html body .dvri-modal-content {
    padding: 76px 22px 30px !important;
  }
}

/* =====================================================
   DZ SERIJA ISPRAVKI - RECENZIJE BATCH 3
===================================================== */

/* --- 1) Zvezdice + broj recenzija u zaglavlju - manja
   dimenzija da stane u JEDAN red i ostane jasno odvojeno
   od filter dugmeta. SAMO mobilni. --- */
@media (max-width: 767px) {
  html body .dv-review-header {
    gap: 8px !important;
  }
  html body .dv-stars-fill.small {
    font-size: 15px !important;
    letter-spacing: 1px !important;
  }
  html body .dv-count {
    font-size: 13px !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }
  html body .dv-arrow {
    font-size: 9px !important;
  }
}

/* --- 2) Prikaz pojedinacne recenzije - kompletan redizajn
   rasporeda po uzoru na referencu: fotografija PRVA (puna
   sirina, na vrhu, X dugme lebdi preko nje), zatim ime +
   verifikovano + info, zvezdice + datum, naslov + tekst
   (bez okvira), pa proizvod + dugme na dnu.

   .dvri-modal-review-body i .dvri-modal-review-copy postaju
   "display:contents" da bi njihova deca (slika, naslov,
   tekst, proizvod) postala DIREKTNI flex-itemi unutar
   .dvri-modal-content i mogla da se preslozi CSS "order"
   svojstvom, bez diranja HTML/JS strukture. --- */
@media (max-width: 767px) {
  html body .dvri-modal-content {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    gap: 16px !important;
  }

  html body .dvri-modal-review-body {
    display: contents !important;
  }

  html body .dvri-modal-review-copy {
    display: contents !important;
  }

  html body .dvri-modal-media {
    order: 1 !important;
    width: 100% !important;
    height: 52vh !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  html body .dvri-modal-top {
    order: 2 !important;
    padding: 0 22px !important;
    margin: 4px 0 0 !important;
  }

  html body .dvri-modal-rating-row {
    order: 3 !important;
    padding: 0 22px !important;
    margin: 0 !important;
  }

  html body .dvri-modal-title {
    order: 4 !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    margin: 0 !important;
    border-left: 0 !important;
  }

  html body .dvri-modal-text {
    order: 5 !important;
    padding: 0 22px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body .dvri-modal-brand-reply {
    order: 6 !important;
    margin: 0 22px !important;
  }

  html body .dvri-modal-product {
    order: 7 !important;
    padding: 16px 22px 28px !important;
    margin: 8px 0 0 !important;
    border-top: 1px solid #ededed !important;
  }
}
/* =========================================================
   DZ SERIJA ISPRAVKI - RECENZIJE BATCH 4
   (a) bez skrola u prozoru pojedinacne recenzije
   (b) x dugme providno, bez belog banera iza slike
   (c) STVARNI UTICAJ - jedan red, blize prethodnom bloku
   (d) zvezdice + broj recenzija - vece, jedan red, vise gapa
========================================================= */

@media (max-width: 767px) {

    html body .dvri-modal-box::before {
        display: none !important;
    }

    html body .dvri-modal-close {
        background: transparent !important;
        color: #fff !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.5) !important;
        text-shadow: 0 1px 3px rgba(0,0,0,.6) !important;
    }

    html body .dvri-verify-sheet {
        overflow: hidden !important;
    }

    html body .elementor-element-5de7998 .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }

    html body .elementor-element-2eccbd6 {
        margin-top: 36px !important;
    }

    html body .elementor-element-2eccbd6 > .e-con-inner {
        padding-top: 0 !important;
    }

    html body .dv-stars-fill.small {
        font-size: 20px !important;
    }

    html body .dv-count {
        font-size: 15px !important;
        gap: 4px !important;
    }

    html body .dv-review-header {
        gap: 8px !important;
    }

    html body .dv-arrow {
        font-size: 10px !important;
    }

}
/* =========================================================
   DZ SERIJA ISPRAVKI - RECENZIJE BATCH 4b
   Fotografija/video u pojedinacnoj recenziji fleksibilno
   popunjava preostali prostor (flex:1) umesto fiksnog
   odnosa stranica, cime se garantuje da SVAKA recenzija
   (kraca ili duza) stane na jedan ekran bez skrola.
========================================================= */

@media (max-width: 767px) {

    html body .dvri-modal-content {
        height: 100% !important;
        min-height: 100% !important;
    }

    html body .dvri-modal-media {
        flex: 1 1 0 !important;
        min-height: 160px !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    html body .dvri-modal-media img,
    html body .dvri-modal-media video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

}
/* =========================================================
   DZ SERIJA ISPRAVKI - RECENZIJE BATCH 5
   (a) svi X dugmici u recenzijama - crni, bez ikakvog hover/
       active/tap efekta
   (b) blokiranje skrola pozadine sajta dok je otvorena
       pojedinacna recenzija (.dz-review-locked klasa, isti
       obrazac kao za bocnu korpu .dzwc-locked)
   (c) zvezdice+broj recenzija vizuelno izjednacene sa
       filter ikonicom pored
========================================================= */

html.dz-review-locked,
body.dz-review-locked {
    overflow: hidden !important;
    touch-action: none !important;
    overscroll-behavior: none !important;
}

@media (max-width: 767px) {

    html body .dvri-modal-close,
    html body .dvri-verify-close,
    html body .dv-close,
    html body .dv-close-step2,
    html body .dv-close-step3 {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        color: #111 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html body .dvri-modal-close:active,
    html body .dvri-modal-close:focus,
    html body .dvri-modal-close:hover,
    html body .dvri-verify-close:active,
    html body .dvri-verify-close:focus,
    html body .dvri-verify-close:hover,
    html body .dv-close:active,
    html body .dv-close:focus,
    html body .dv-close:hover,
    html body .dv-close-step2:active,
    html body .dv-close-step2:focus,
    html body .dv-close-step2:hover,
    html body .dv-close-step3:active,
    html body .dv-close-step3:focus,
    html body .dv-close-step3:hover {
        background: transparent !important;
        color: #111 !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none !important;
    }

    html body .dv-stars-fill.small {
        font-size: 20px !important;
    }

    html body .dv-count {
        font-size: 15px !important;
        gap: 4px !important;
    }

    html body .dv-review-header {
        gap: 8px !important;
    }

    html body .dv-arrow {
        font-size: 10px !important;
    }

}
/* =========================================================
   DZ SERIJA ISPRAVKI - RECENZIJE BATCH 6
   Finalna velicina zvezdica/broja recenzija - vizuelno
   izjednaceno sa filter ikonicom pored (20px), i dalje
   jedan red sa udobnim razmakom do ikonice.
========================================================= */

@media (max-width: 767px) {

    html body .dv-count {
        font-size: 17px !important;
        gap: 4px !important;
    }

    html body .dv-arrow {
        font-size: 11px !important;
    }

    html body .dv-review-header {
        gap: 8px !important;
    }

}
/* =========================================================
   DZ SERIJA ISPRAVKI - RECENZIJE BATCH 7
   X dugme u pojedinacnoj recenziji - suptilan providan
   "frosted glass" krug iza crnog X, da se vidi na SVAKOJ
   fotografiji (tamnoj ili svetloj), a da ne izgleda kao
   upadljivo dugme.
========================================================= */

@media (max-width: 767px) {

    html body .dvri-modal-close,
    html body .dvri-verify-close {
        background: rgba(255,255,255,0.55) !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        color: #111 !important;
        box-shadow: 0 1px 6px rgba(0,0,0,.25) !important;
    }

    html body .dvri-modal-close:active,
    html body .dvri-modal-close:focus,
    html body .dvri-modal-close:hover,
    html body .dvri-verify-close:active,
    html body .dvri-verify-close:focus,
    html body .dvri-verify-close:hover {
        background: rgba(255,255,255,0.55) !important;
        color: #111 !important;
        box-shadow: 0 1px 6px rgba(0,0,0,.25) !important;
    }

}
/* =========================================================
   DZ SERIJA ISPRAVKI - BATCH 8
   "Mozda vam se takodje svidi" na mobilnom - 3 male
   kartice u redu (kao na desktopu), umesto ogromnih
   kartica jedna ispod druge. Slide efekat model/bez
   modela ostaje isti mehanizam, samo manje dimenzije.
========================================================= */

@media (max-width: 767px) {

    .dzba-shop-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-top: 20px !important;
    }

    .dzba-shop-product h3 {
        font-size: 12px !important;
        line-height: 1.25 !important;
        margin: 10px auto 4px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .dzba-shop-product p {
        font-size: 13px !important;
    }

    .dzba-shop-handle {
        width: 28px !important;
        height: 20px !important;
        bottom: 8px !important;
    }

    .dzba-shop-handle::before {
        font-size: 13px !important;
    }

    .dzba-shop-compare {
        border-radius: 10px !important;
    }

}
/* =========================================================
   DZ SERIJA ISPRAVKI - BATCH 11
   STVARNI UTICAJ jos blize prethodnoj sekciji.
   Kolaz sekcija je imala visak fiksne visine (800px)
   veci nego sto joj je stvarno trebalo za sadrzaj
   (kolaz 430px + tekst 275px = 705px), ostavljajuci
   95px praznog prostora na dnu. Vracena na auto visinu.
========================================================= */

@media (max-width: 767px) {

    html body .elementor-element-68e76d9 {
        height: auto !important;
        min-height: auto !important;
    }

    html body .elementor-element-2eccbd6 {
        margin-top: 70px !important;
    }

}

/* =========================================================
   DZ SERIJA ISPRAVKI - BATCH 15
   Zvezdice+broj recenzija: levo poravnanje, i vertikalno
   centrirane naspram filter ikonice sa desne strane
   (ranije su bile 16px vise od centra ikonice).

   NAPOMENA: sve .dzba-shop-* CSS izmene za "Mozda vam se
   svidja" sekciju su OVDE UKLONJENE - ta sekcija je u
   medjuvremenu kompletno predizajnirana (carousel sa
   strelicama/tackicama) direktno u samom Elementor HTML
   widget-u (post 2104, widget id 4d20f58), gde sada zivi
   sav njen CSS/JS na jednom mestu. Ostavljanje starih
   pravila ovde je pravilo konflikte specificnosti sa
   novim widget CSS-om (npr. touch-action rat na slideru).
========================================================= */

@media (max-width: 767px) {

    html body .elementor-element-832d71d {
        justify-content: flex-start !important;
        padding-top: 22px !important;
    }

}
/* =========================================================
   DZ HERO VIDEO POZADINA
   Zamena staticne slike (.dz-hero-anim::before) video
   snimkom. Ne diramo nista drugo - overlay (::after),
   zoom animacija na ::before, sadrzaj i tekst ostaju isti,
   samo je slika u before-u iskljucena i umesto nje se
   prikazuje pravi <video> element u istom sloju (z-index).
========================================================= */

html body .dz-hero-anim::before {
    background-image: none !important;
}

html body .elementor-element-hv1de041,
html body .elementor-element-hv2mo051 {
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;
}

html body .elementor-element-hv1de041 > .elementor-widget-container,
html body .elementor-element-hv2mo051 > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}

html body .dz-hero-video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    pointer-events: none !important;
}
/* =========================================================
   DZ MOBILNI CTA "SPREMAN DA IZNESES SVOJU VERU" -
   slika do ivice bez sivog razmaka gore/dole (e-con-inner
   je imao 10px padding top/bottom koji je pravio razmak).
========================================================= */

@media (max-width: 767px) {

    html body .elementor-element-19ded9e > .e-con-inner {
        padding: 0 !important;
    }

}
/* =========================================================
   DZ FINALNE ISPRAVKE - HERO VIDEO I CTA SEKCIJA (mobilno)
   (a) CTA "SPREMAN DA IZNESES..." - bulletproof full-bleed
       (100vw + calc margin), ne oslanja se na pogadjanje
       tacne padding vrednosti kao ranija -10px zakrpa.
   (b) Hero video - "isecen" pri dnu (negative margin-bottom
       na hero kontejneru) da naredna sekcija dodje blize
       dugmadima. NE diramo poziciju/offset teksta unutar
       heroa (to je bilo previse rizicno/lomljivo) - samo
       koliko se od heroa racuna u prostor stranice.
========================================================= */

@media (max-width: 767px) {

    html body .elementor-element-19ded9e {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body .elementor-element-6561201 {
        margin-bottom: -65px !important;
    }

}
/* =========================================================
   DZ - siva traka sa ikonicama (features bar, a12c7a8) na
   single product stranici - puna sirina, od ivice do ivice
   (isti dokazani full-bleed trik kao za b8a2463 i CTA).
   Unutrasnji padding ostaje da sadrzaj ne dodiruje ivicu.
========================================================= */

html body .elementor-element-a12c7a8 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
}
/* =========================================================
   DZ - smanjenje visine sive trake sa ikonicama (a12c7a8),
   po uzoru na referentni primer (kompaktnija verzija:
   manje paddinga, manja ikonica, manji naslov, manji gap).
========================================================= */

.elementor-element-a12c7a8 {
    padding: 20px 20px !important;
}
.elementor-element-a12c7a8 .e-con-inner {
    padding: 0 !important;
    gap: 6px !important;
}
.elementor-element-a12c7a8 .elementor-icon {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
}
.elementor-element-a12c7a8 .elementor-icon svg {
    width: 30px !important;
    height: 30px !important;
}
.elementor-element-a12c7a8 h2.elementor-heading-title {
    font-size: 16px !important;
}
/* =========================================================
   DZ DESKTOP - "VISE OD ODECE" (68e76d9) - custom kolaz v2
   po uzoru na referentni sajt (identicne proporcije/pozicije
   slika). Native kolaz (dd295b7) sakriven SAMO na desktopu,
   mobilni ostaje native/netaknut. Wrapper novog widgeta
   (dzcollg2) nema sirinu jer sadrzi samo apsolutno pozicio-
   nirane elemente - dajemo mu eksplicitnu sirinu.
========================================================= */

@media (min-width: 768px) {

    .elementor-2104 .elementor-element.elementor-element-dd295b7 {
        display: none !important;
    }

    .elementor-2104 .elementor-element.elementor-element-dzcollg2 {
        width: 45% !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
    }

    .elementor-2104 .elementor-element.elementor-element-dzcollg2 > .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;
    }

}
/* =========================================================
   DZ DESKTOP - "VISE OD ODECE" tekst (f6174fb) je imao
   veliku margin-left:200px (native Elementor podesavanje),
   sto ga je guralo previse udesno. Pomeramo ga ulevo, po
   uzoru na referentni sajt.
========================================================= */

@media (min-width: 768px) {
    .elementor-2104 .elementor-element.elementor-element-f6174fb {
        margin-left: 0 !important;
    }
}
/* =========================================================
   DZ DESKTOP - "VISE OD ODECE" (68e76d9) - vertikalno
   centriranje sadrzaja. Kontejner ima fiksnu min-height:800px
   (native), a nas kompaktniji tekst/kolaz (koji su kraci) su
   se lepili za vrh ostavljajuci veliku praznu belinu ispod.
   Centriramo oba (tekst i kolaz) unutar te visine.
========================================================= */

@media (min-width: 768px) {

    .elementor-2104 .elementor-element.elementor-element-f6174fb {
        justify-content: center !important;
    }

    .elementor-2104 .elementor-element.elementor-element-dzcollg2 {
        display: flex !important;
        align-items: center !important;
    }

}
/* =========================================================
   DZ DESKTOP - "VISE OD ODECE" tekst (f6174fb) - podignut
   malo gore od centra, da se poravna sa sredinom prve
   (leve) slike u kolazu (dz-collage-mid).
========================================================= */

@media (min-width: 768px) {
    .elementor-2104 .elementor-element.elementor-element-1c72341 {
        margin-top: -210px !important;
    }
}
/* =========================================================
   DZ - siva pozadina iza "MOZDA VAM SE SVIDJA" (b8a2463)
   - puna sirina, od ivice do ivice.
========================================================= */

html body .elementor-element-b8a2463 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
}
/* =========================================================
   DZ GLOBALNO - search i cart ikonice u headeru, minimalisticki
   stil (bez kvadratnog okvira, cart = torba umesto kolica).
========================================================= */

/* Cart - uklanjamo beli kvadratni okvir */
.ast-addon-cart-wrap {
  border: none !important;
  padding: 0 !important;
}

/* Cart - sakrij default kolica SVG, prikazi torbu preko mask-image */
.astra-icon.ast-icon-shopping-cart svg {
  display: none !important;
}
.astra-icon.ast-icon-shopping-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  background-color: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%207h12l-1.2%2013.2a1%201%200%200%201-1%20.8H8.2a1%201%200%200%201-1-.8L6%207z%22%2F%3E%3Cpath%20d%3D%22M9%207V5.5a3%203%200%200%201%206%200V7%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%207h12l-1.2%2013.2a1%201%200%200%201-1%20.8H8.2a1%201%200%200%201-1-.8L6%207z%22%2F%3E%3Cpath%20d%3D%22M9%207V5.5a3%203%200%200%201%206%200V7%22%2F%3E%3C%2Fsvg%3E") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

/* Search - tanja/minimalisticka linija (isti oblik, samo stilski uskladjeno) */
.ast-search-menu-icon .search-submit {
  border: none !important;
  background: transparent !important;
  transition: color 0.2s ease !important;
}
.ast-search-menu-icon .search-submit svg {
  transition: fill 0.2s ease !important;
}
.ast-search-icon a.slide-search:hover svg {
  fill: #B99B73 !important;
}

/* Cart hover - ista boja kao search hover, radi preko mask-image pa menjamo background-color */
.astra-icon.ast-icon-shopping-cart {
  transition: background-color 0.2s ease !important;
}
.cart-container:hover .astra-icon.ast-icon-shopping-cart {
  background-color: #B99B73 !important;
}

/* Cart ikonica - povecana da bude srazmerna search ikonici (~25-28px) */
.astra-icon.ast-icon-shopping-cart {
  width: 27px !important;
  height: 27px !important;
}

/* =====================================================
   DZ: Redizajn Checkout stranice (WooCommerce Blocks)
   Cilj: čist, moderan izgled u duhu sajta (crno/belo/zlatno)
===================================================== */

.woocommerce-checkout .entry-title,
.page-id-11 .entry-title {
  font-size: clamp(30px, 4vw, 46px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.wc-block-checkout {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* ================= EXPRESS CHECKOUT ================= */

.wc-block-components-express-payment {
  margin-bottom: 28px !important;
}

.wc-block-components-express-payment__title-container {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
}

.wc-block-components-express-payment__title-container::before,
.wc-block-components-express-payment__title-container::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: rgba(0,0,0,0.12) !important;
}

.wc-block-components-express-payment__title {
  flex: none !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #777777 !important;
  white-space: nowrap !important;
}

.wc-block-components-express-payment__event-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.wc-block-components-express-payment__event-buttons > * {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Divider "Or continue below" text that WC renders after express payment */
.wc-block-checkout__form > .wc-block-components-checkout-step:first-child .wc-block-components-checkout-step__title {
  display: none;
}

/* ================= SECTION TITLES ================= */

.wc-block-components-checkout-step__title {
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -0.2px !important;
  color: #111111 !important;
  margin-bottom: 4px !important;
}

.wc-block-components-checkout-step {
  padding-bottom: 26px !important;
  margin-bottom: 26px !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

.wc-block-components-checkout-step:last-of-type {
  border-bottom: none !important;
}

/* ================= INPUTS ================= */

.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-combobox-control input,
.wc-block-components-country-input .components-combobox-control__input,
select.wc-block-components-select-control__select {
  border: 1.5px solid rgba(0,0,0,0.15) !important;
  border-radius: 12px !important;
  min-height: 52px !important;
  font-size: 15px !important;
  transition: border-color 0.15s ease !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-combobox-control input:focus,
select.wc-block-components-select-control__select:focus {
  border-color: #B99B73 !important;
  box-shadow: 0 0 0 1px #B99B73 !important;
}

.wc-block-components-text-input {
  border-radius: 12px !important;
}

.wc-block-components-text-input label {
  font-size: 14px !important;
  color: #777777 !important;
}

/* Radio rows (shipping / payment methods) */

.wc-block-components-radio-control__option {
  border: 1.5px solid rgba(0,0,0,0.12) !important;
  border-radius: 12px !important;
  margin-bottom: 10px !important;
  padding: 14px 16px !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option[aria-checked="true"] {
  border-color: #B99B73 !important;
  background: rgba(185,155,115,0.06) !important;
}

/* ================= PLACE ORDER BUTTON ================= */

.wc-block-components-checkout-place-order-button {
  background: #111111 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  min-height: 56px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}

.wc-block-components-checkout-place-order-button:hover {
  background: #B99B73 !important;
  transform: translateY(-1px) !important;
}

/* ================= ORDER SUMMARY (SIDEBAR) ================= */

.wc-block-checkout__sidebar {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 16px !important;
  padding: 24px !important;
}

.wc-block-components-sidebar-layout {
  gap: 48px !important;
}

.wc-block-components-order-summary__title-container .wc-block-components-panel__button,
.wc-block-checkout__sidebar h2 {
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: -0.2px !important;
  text-transform: uppercase !important;
}

.wc-block-components-order-summary-item__image {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}

.wc-block-components-order-summary-item__quantity {
  background: #111111 !important;
}

.wc-block-components-totals-item {
  padding: 10px 0 !important;
}

.wc-block-components-totals-footer-item {
  border-top: 1.5px solid #111111 !important;
  padding-top: 16px !important;
  margin-top: 6px !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-size: 19px !important;
  font-weight: 900 !important;
  color: #111111 !important;
}

/* Coupon form */

.wc-block-components-totals-wrapper .wc-block-components-panel__button {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

.wc-block-components-totals-coupon__input input {
  border-radius: 10px 0 0 10px !important;
}

.wc-block-components-totals-coupon__button {
  border-radius: 0 10px 10px 0 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

.wc-block-components-totals-coupon__button:hover:not(:disabled) {
  background: #B99B73 !important;
}

/* ================= MOBILE ================= */

@media (max-width: 767px) {
  .wc-block-checkout {
    padding: 0 16px !important;
  }

  .wc-block-components-sidebar-layout {
    gap: 28px !important;
  }

  .wc-block-checkout__sidebar {
    padding: 18px !important;
  }

  .wc-block-components-checkout-step__title {
    font-size: 18px !important;
  }

  .woocommerce-checkout .entry-title,
  .page-id-11 .entry-title {
    font-size: 28px !important;
  }
}

/* DZ: fix checkout dvokolonski layout (spreci wrap) */
.wc-block-components-sidebar-layout {
  gap: 40px !important;
  flex-wrap: nowrap !important;
}
@media (max-width: 1024px) {
  .wc-block-components-sidebar-layout {
    flex-wrap: wrap !important;
  }
}


/* =====================================================
   DZ: Checkout — ispravka zlatnog isticanja + zlatno dugme
===================================================== */

.wc-block-components-radio-control__option-checked {
  border-color: #B99B73 !important;
  background: rgba(185,155,115,0.08) !important;
}

.wc-block-components-radio-control__input {
  accent-color: #B99B73 !important;
}

/* Zlatno dugme za poručivanje (umesto crnog) */
.wc-block-components-checkout-place-order-button {
  background: #B99B73 !important;
  color: #ffffff !important;
}

.wc-block-components-checkout-place-order-button:hover {
  background: #a8895f !important;
}

/* Footer red linkova ispod dugmeta */
.dz-checkout-footer-links {
  max-width: 1240px !important;
  margin: 28px auto 40px !important;
  padding: 22px 20px 0 !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px 26px !important;
}

.dz-checkout-footer-links a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(0,0,0,0.25) !important;
}

.dz-checkout-footer-links a:hover {
  color: #B99B73 !important;
  text-decoration-color: #B99B73 !important;
}

@media (max-width: 767px) {
  .dz-checkout-footer-links {
    gap: 10px 18px !important;
    padding-top: 18px !important;
  }
}


/* =====================================================
   DZ: Checkout — dva puna stupca (belo levo / sivo desno)
   preko cele visine, kao referentna stranica
===================================================== */

.wc-block-components-sidebar-layout {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  align-items: stretch !important;
  gap: 0 !important;
}

.wc-block-checkout__main {
  background: #ffffff !important;
  box-sizing: border-box !important;
  flex: 1 1 56% !important;
  padding: 72px clamp(24px, 4vw, 64px) 90px clamp(24px, 6vw, 96px) !important;
}

.wc-block-checkout__main > * {
  max-width: 620px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.wc-block-checkout__sidebar {
  background: #f3f2f0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  flex: 1 1 44% !important;
  padding: 72px clamp(24px, 6vw, 96px) 56px clamp(24px, 4vw, 64px) !important;
}

.wc-block-checkout__sidebar > * {
  max-width: 480px !important;
}

@media (max-width: 1024px) {
  .wc-block-components-sidebar-layout {
    align-items: stretch !important;
  }

  .wc-block-checkout__main > *,
  .wc-block-checkout__sidebar > * {
    max-width: none !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .wc-block-checkout__main {
    padding: 40px 20px 60px 20px !important;
  }

  .wc-block-checkout__sidebar {
    padding: 32px 20px 40px 20px !important;
  }
}

/* DZ: fix - sidebar treba da se razvuce na punu visinu (WC ga postavlja na align-self:flex-start zbog sticky pozicioniranja) */
.wc-block-checkout__sidebar {
  align-self: stretch !important;
}

/* DZ: sivi stub ostaje pun (do dna), a sadrzaj pregleda porudzbine se 'lepi' (sticky) dok skroluje levi stub */
.wp-block-woocommerce-checkout-order-summary-block {
  position: sticky !important;
  top: 24px !important;
}

/* DZ: uklanja tekst 'Nastavkom kupovine prihvatate...' (nema realne stranice iza linkova) */
.wc-block-checkout__terms {
  display: none !important;
}

/* DZ: na mobilnom/tabletu je layout jednokolonski (stacked), sticky tu nema smisla */
@media (max-width: 1024px) {
  .wp-block-woocommerce-checkout-order-summary-block {
    position: static !important;
  }
}

/* DZ: spoljni omotac checkout-a ne sme imati padding/max-width - to sad kontrolisu __main i __sidebar direktno, inace sivo ne dopire do prave ivice */
.wp-block-woocommerce-checkout.alignwide {
  max-width: 100vw !important;
  width: 100vw !important;
  padding: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* DZ: WooCommerce sam dodaje 20px padding na red sa dve kolone - uklanja se da sivo/belo dopru do prave ivice */
.wc-block-components-sidebar-layout {
  padding: 0 !important;
}

/* DZ: sakrij globalno 'Popni na vrh' dugme SAMO na checkout stranici */
body.woocommerce-checkout .dz-scroll-top {
  display: none !important;
}

/* DZ: Astra ostavlja 60px margin-bottom na .content-area (isti mehanizam kao margin-top) - uklanja se samo na checkout-u */
body.woocommerce-checkout .content-area {
  margin-bottom: 0 !important;
}

/* DZ: uklanjanje linija oko "BRZO PLAĆANJE" i skrivene ivice koja pravi kutiju */
.wc-block-components-express-payment__title-container::before,
.wc-block-components-express-payment__title-container::after {
  content: none !important;
  display: none !important;
}
.wc-block-components-express-payment__title-container {
  justify-content: flex-start !important;
}
.wc-block-components-express-payment__content {
  border: none !important;
  border-radius: 0 !important;
}

/* DZ: BRZO PLAĆANJE — centriran naslov, ILI velikim slovima, linije bliže dugmadima */
.wc-block-components-express-payment__title-container {
  justify-content: center !important;
}
.wc-block-components-express-payment {
  margin-bottom: 8px !important;
}
.wc-block-components-express-payment-continue-rule {
  margin-top: 8px !important;
  text-transform: uppercase !important;
}

/* DZ: Kontakt informacije / Adresa za dostavu — usklađen stil polja i checkbox-a sa referencom */
.wc-blocks-components-select__select {
  border: 1.5px solid rgba(0,0,0,0.15) !important;
  border-radius: 12px !important;
  height: 52px !important;
  padding: 18px 32px 0 12px !important;
}

.wc-blocks-components-select__container {
  border-radius: 12px !important;
}

.wc-blocks-components-select {
  border-radius: 12px !important;
}

.wc-blocks-components-select__select:focus {
  border-color: #B99B73 !important;
  box-shadow: 0 0 0 1px #B99B73 !important;
}

.wc-block-components-checkbox__input {
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  border: 1.5px solid rgba(0,0,0,0.22) !important;
  background: #ffffff !important;
}

.wc-block-components-checkbox__input:checked {
  background: #B99B73 !important;
  border-color: #B99B73 !important;
}

.wc-block-components-checkbox__mark {
  fill: #ffffff !important;
}

.wc-block-components-checkbox {
  align-items: center !important;
}

.wc-block-components-checkbox__label {
  font-size: 14.5px !important;
  color: #333333 !important;
}

/* DZ: sakrij "Koristi istu adresu za naplatu" - uvek pouzeće, naplata prati dostavu */
.wc-block-checkout__use-address-for-billing {
  display: none !important;
}

/* DZ: Opcije dostave — ukloni crno-zlatnu mešavinu, sve u istoj zlatnoj boji (premium) */
.wc-block-components-radio-control__option--checked-option-highlighted {
  box-shadow: 0 0 0 1.5px #B99B73 inset !important;
  outline: none !important;
}

.wc-block-components-radio-control__input {
  border-color: rgba(185, 155, 115, 0.5) !important;
}

.wc-block-components-radio-control__input:checked {
  border-color: #B99B73 !important;
}

.wc-block-components-radio-control__input::before {
  background-color: #B99B73 !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label {
  display: flex !important;
  align-items: center !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label img {
  height: 28px !important;
  width: 53px !important;
  min-width: 53px !important;
  max-width: none !important;
  flex: none !important;
  flex-shrink: 0 !important;
  display: block !important;
  margin-left: 6px !important;
  object-fit: contain !important;
}

/* =====================================================
   DZ: Checkout — dostava, način plaćanja, pregled porudžbine
   ===================================================== */

/* --- Opcije dostave: čist okvir, bez sivih linija okolo --- */
.wc-block-components-shipping-rates-control,
.wc-block-components-shipping-rates-control__package,
.wc-block-components-shipping-rates-control .wc-block-components-radio-control {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control::before,
.wc-block-components-shipping-rates-control .wc-block-components-radio-control::after,
.wc-block-components-shipping-rates-control__package::before,
.wc-block-components-shipping-rates-control__package::after {
  content: none !important;
  display: none !important;
}

body.woocommerce-checkout .wc-block-checkout__shipping-option {
  border-bottom: none !important;
}

/* Veći PostExpress logo, lepše uklopljen u okvir */
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label img {
  height: 34px !important;
  width: 65px !important;
  min-width: 65px !important;
  max-width: none !important;
  flex: none !important;
  flex-shrink: 0 !important;
  display: block !important;
  margin-left: 10px !important;
  object-fit: contain !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* --- Način plaćanja: ikonice desno, kao na referenci --- */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option {
  position: relative !important;
  padding-right: 86px !important;
}

.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option::after {
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: contain !important;
  pointer-events: none !important;
}

/* Pouzećem — ikonica dostavnog kombija */
.wp-block-woocommerce-checkout-payment-block
  .wc-block-components-radio-control__option[for="radio-control-wc-payment-method-options-cod"]::after {
  width: 34px !important;
  height: 24px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 22' fill='none' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h16v11H2z'/%3E%3Cpath d='M18 8h5l4 3.5V15h-9z'/%3E%3Ccircle cx='8' cy='17' r='2.2'/%3E%3Ccircle cx='22' cy='17' r='2.2'/%3E%3C/svg%3E") !important;
}

/* PayPal — zvanični logo */
.wp-block-woocommerce-checkout-payment-block
  .wc-block-components-radio-control__option[for="radio-control-wc-payment-method-options-ppcp-gateway"]::after {
  width: 68px !important;
  height: 20px !important;
  background-image: url("https://duhzivotni.com/wp-content/plugins/woocommerce-paypal-payments/modules/ppcp-wc-gateway/assets/images/paypal.svg") !important;
}

/* --- Pregled porudžbine (desni sivi stubac) --- */
/* Bez uokvirene kutije — čist prikaz kao na referenci */
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-components-order-summary,
.wc-block-components-order-summary__content {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Slika proizvoda: kvadrat 1:1 sa crnim brojačem gore desno */
.wc-block-components-order-summary-item__image {
  position: relative !important;
  width: 64px !important;
  min-width: 64px !important;
  flex: none !important;
  overflow: visible !important;
}

.wc-block-components-order-summary-item__image img {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: none !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  display: block !important;
}

.wc-block-components-order-summary-item__quantity {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #111111 !important;
  color: #ffffff !important;
  border: 2px solid #f3f2f0 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  z-index: 2 !important;
}

/* --- Kupon: zlatni fokus kao na referenci --- */
.wc-block-components-totals-coupon__input input:focus,
.wc-block-components-totals-coupon__input .wc-block-components-text-input input:focus {
  border-color: #B99B73 !important;
  box-shadow: 0 0 0 1px #B99B73 !important;
  outline: none !important;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button:hover {
  color: #B99B73 !important;
}

/* --- Dugme za plaćanje: hover --- */
.wc-block-components-checkout-place-order-button:hover {
  background: #a8895f !important;
  box-shadow: 0 6px 18px rgba(185, 155, 115, 0.35) !important;
  transform: translateY(-1px) !important;
}

.wc-block-components-checkout-place-order-button:active {
  transform: translateY(0) !important;
}

/* DZ: ispravke reda za plaćanje — ikonice se prikazuju, tekst ne ide ispod radio dugmeta */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option::after {
  /* WooCommerce podrazumevano gasi ovaj pseudo-element */
  display: block !important;
}

.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option,
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
  padding-left: 52px !important;
}

.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__input,
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input {
  left: 18px !important;
}

/* DZ: ikonica ide uz desnu ivicu (WooCommerce postavlja left, pa ga poništavamo) */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option::after {
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

/* DZ: ikonice bez sive podloge, PayPal monogram u kvadratu */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option::after {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.wp-block-woocommerce-checkout-payment-block
  .wc-block-components-radio-control__option[for="radio-control-wc-payment-method-options-ppcp-gateway"]::after {
  width: 26px !important;
  height: 26px !important;
}

/* =====================================================
   DZ: Završni blok ispod plaćanja + pregled porudžbine
   ===================================================== */

/* Red sa dugmetom: dugme puno širine, "Nazad u korpu" ispod, kao na referenci */
.wc-block-checkout__actions_row {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: stretch !important;
  gap: 18px !important;
}

.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  width: 100% !important;
  margin: 0 !important;
}

.wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button {
  align-self: center !important;
  margin: 0 !important;
}

/* Pravne napomene ispod dugmeta */
.dz-checkout-legal {
  margin-top: 26px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 22px !important;
}

.dz-checkout-legal a {
  color: #B99B73 !important;
  font-size: 14px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.dz-checkout-legal a:hover {
  color: #a8895f !important;
}

/* --- Pregled porudžbine: tipografija bliža referenci --- */
.wc-block-components-order-summary-item__description .wc-block-components-product-name {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #111111 !important;
}

.wc-block-components-order-summary-item {
  padding: 16px 0 !important;
}

.wc-block-components-totals-item__label {
  font-size: 15px !important;
  color: #444444 !important;
}

.wc-block-components-totals-item__value {
  font-size: 15px !important;
  color: #111111 !important;
}

/* Ukupno — istaknuto, kao na referenci */
.wc-block-components-totals-footer-item {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  padding-top: 18px !important;
  margin-top: 6px !important;
}

/* =====================================================
   DZ: Checkout — dorada (dostava, plaćanje, kupon, dugme)
   ===================================================== */

/* --- PostExpress logo: veći, poravnat levo do iste tačke --- */
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label img {
  height: 42px !important;
  width: 80px !important;
  min-width: 80px !important;
  margin-left: 14px !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* --- Način plaćanja: jedna lista sa pregradama, kao na referenci --- */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control {
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
  box-shadow: none !important;
  background: #ffffff !important;
  margin: 0 !important;
}

/* Izabrani red — zlatno istaknut, bez dvostrukog okvira */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option-checked,
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option--checked-option-highlighted {
  background: rgba(185, 155, 115, 0.08) !important;
  box-shadow: inset 0 0 0 1.5px #B99B73 !important;
  border-bottom-color: transparent !important;
}

/* Objašnjenje ispod izabranog reda — siva traka, kao na referenci */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
  background: #f6f6f5 !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  color: #444444 !important;
}

/* --- Dodatne informacije: ostaje samo napomena uz porudžbinu --- */
.wc-block-components-address-form__cusrev-checkout-consent,
.wc-block-components-checkbox.wc-block-components-address-form__cusrev-checkout-consent {
  display: none !important;
}

/* --- Dugme za plaćanje: centrirano, bez "Nazad u korpu" --- */
.wc-block-components-checkout-return-to-cart-button {
  display: none !important;
}

.wc-block-checkout__actions_row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
}

.dz-checkout-legal {
  justify-content: center !important;
}

/* --- Kupon: uvek otvoren, polje + dugme jedno pored drugog --- */
.wc-block-components-totals-coupon .wc-block-components-panel__button {
  display: none !important;
}

.wc-block-components-totals-coupon .wc-block-components-panel__content {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wc-block-components-totals-coupon__form {
  display: flex !important;
  gap: 10px !important;
  align-items: stretch !important;
  margin: 0 !important;
}

.wc-block-components-totals-coupon__input {
  flex: 1 1 auto !important;
  margin: 0 !important;
}

.wc-block-components-totals-coupon__input input {
  height: 52px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  background: #ffffff !important;
  padding: 0 14px !important;
  font-size: 15px !important;
}

.wc-block-components-totals-coupon__input label {
  display: none !important;
}

.wc-block-components-totals-coupon__button {
  flex: none !important;
  width: auto !important;
  min-width: 104px !important;
  height: 52px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: #e9e8e6 !important;
  color: #555555 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.wc-block-components-totals-coupon__button:hover {
  background: #dedcd8 !important;
  color: #111111 !important;
}

/* DZ: PostExpress logo — PNG ima providnu marginu, pa se okvir slike
   povećava kako bi sam znak bio skoro visine reda */
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label img {
  height: 62px !important;
  width: 118px !important;
  min-width: 118px !important;
  margin-left: 10px !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* =====================================================
   DZ: Checkout — dorada 4
   ===================================================== */

/* --- Dugme "Primeni" isto kao dugme za završetak kupovine --- */
.wc-block-components-totals-coupon__button {
  background: #B99B73 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  min-width: 116px !important;
  height: 52px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  opacity: 1 !important;
}

.wc-block-components-totals-coupon__button:hover {
  background: #a8895f !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(185, 155, 115, 0.35) !important;
  transform: translateY(-1px) !important;
}

.wc-block-components-totals-coupon__button:active {
  transform: translateY(0) !important;
}

/* --- PostExpress: logo uz levu ivicu, niži red --- */
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label img {
  height: 46px !important;
  width: 88px !important;
  min-width: 88px !important;
  margin-left: 0 !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 46px !important;
  min-height: 0 !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input {
  left: 14px !important;
}

/* --- Dodatne napomene: bliže naslovu --- */
.wp-block-woocommerce-checkout-order-note-block,
.wc-block-checkout__add-note {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-block-woocommerce-checkout-additional-information-block {
  padding-bottom: 8px !important;
}

.wp-block-woocommerce-checkout-additional-information-block:empty {
  display: none !important;
}

/* --- Desni sivi stubac: odmaknut od vrha --- */
.wc-block-checkout__sidebar {
  padding-top: 104px !important;
}

@media (max-width: 1024px) {
  .wc-block-checkout__sidebar {
    padding-top: 40px !important;
  }
}

/* DZ: redosled načina plaćanja — Pouzećem prvo, pa PayPal.
   Redosled dolazi iz JavaScript registra WooCommerce Blocks-a i ne može se
   promeniti iz PHP-a, pa se nameće prikazom. Svaka metoda je u sopstvenom
   omotaču (opcija + opis), pa je premeštanje bezbedno. */
.wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control {
  display: flex !important;
  flex-direction: column !important;
}

.wp-block-woocommerce-checkout-payment-block
  .wc-block-components-radio-control-accordion-option:has(label[for="radio-control-wc-payment-method-options-cod"]) {
  order: 1 !important;
}

.wp-block-woocommerce-checkout-payment-block
  .wc-block-components-radio-control-accordion-option:has(label[for="radio-control-wc-payment-method-options-ppcp-gateway"]) {
  order: 2 !important;
}

/* Poslednji vidljivi red bez donje linije, da se ne dupla sa okvirom liste */
.wp-block-woocommerce-checkout-payment-block
  .wc-block-components-radio-control-accordion-option:has(label[for="radio-control-wc-payment-method-options-ppcp-gateway"])
  .wc-block-components-radio-control__option {
  border-bottom: none !important;
}

/* =====================================================
   DZ: Checkout — dorada 5
   ===================================================== */

/* --- 1) Desni sivi blok: više vazduha do ivica --- */
@media (min-width: 1025px) {
  .wc-block-checkout__sidebar {
    padding-left: clamp(44px, 5vw, 84px) !important;
    padding-right: clamp(44px, 6vw, 96px) !important;
  }
}

@media (max-width: 1024px) {
  .wc-block-checkout__sidebar {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

/* --- 2) Dostava: veći logo, cena centrirana, visina reda ista --- */
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
  height: 57px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option-layout {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label img {
  height: 52px !important;
  width: 100px !important;
  min-width: 100px !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__secondary-label {
  align-self: center !important;
  position: relative !important;
  top: 3px !important;
  height: auto !important;
}

/* --- 3) "Dodaj napomenu" uz naslov: ukloni prazan prostor koji je
       ostao iza sakrivenog polja za ocenu porudžbine --- */
.wp-block-woocommerce-checkout-additional-information-block .wc-block-components-checkout-step__content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
}

.wp-block-woocommerce-checkout-additional-information-block {
  padding-bottom: 0 !important;
}

.wp-block-woocommerce-checkout-additional-information-block .wc-block-components-checkout-step__heading {
  margin-bottom: 6px !important;
}

.wp-block-woocommerce-checkout-order-note-block {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* DZ: dostava — logo uz levu ivicu, cena uz desnu (flex ih je bio zbio) */
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option-layout {
  justify-content: space-between !important;
  width: 100% !important;
  gap: 12px !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label-group {
  flex: 0 1 auto !important;
  margin-right: auto !important;
  align-items: center !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__secondary-label {
  flex: none !important;
  margin-left: auto !important;
  text-align: right !important;
}

/* DZ: dostava — cena je unutar iste grupe kao logo, pa se razmak
   pravi na toj grupi: logo levo, cena desno */
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  gap: 12px !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label {
  flex: none !important;
  margin-right: auto !important;
}

/* DZ: "Dodaj napomenu" uz sam naslov — sadržaj iznad je prazan
   (polje za ocenu je sklonjeno), pa se skupljaju obe margine */
.wp-block-woocommerce-checkout-additional-information-block {
  margin-bottom: 6px !important;
}

.wp-block-woocommerce-checkout-additional-information-block .wc-block-components-checkout-step__heading-container {
  margin-bottom: 6px !important;
}

/* =====================================================
   DZ: Checkout — dorada 6
   ===================================================== */

/* Logo je sada isečen od providne margine (466x68, odnos ~6.9:1),
   pa se znak stvarno vidi u punoj visini okvira */
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label img {
  height: 30px !important;
  width: 205px !important;
  min-width: 205px !important;
}

/* Desni sivi blok: naslov ne sme da bude tik uz gornju ivicu ekrana
   dok je blok "zalepljen" pri skrolovanju */
.wp-block-woocommerce-checkout-order-summary-block {
  top: 44px !important;
}

body.admin-bar .wp-block-woocommerce-checkout-order-summary-block {
  /* WordPress traka administratora je fiksna i prekriva vrh */
  top: 78px !important;
}

/* DZ: spoj sekcija u Safariju */
/* Bez diranja pozadine tela — samo hero dobija crnu podlogu ispod slike,
   da se kroz eventualni procep ne vidi bela stranica. */
.dz-final-hero { background-color: #000000 !important; }
.dz-final-hero::after { top: -1px !important; bottom: -1px !important; height: auto !important; }
.dz-newsletter-section { margin-top: -1px !important; padding-top: 1px !important; }

/* DZ: bez belog prostora ispod footera */
/* Astra ostavlja prazan footer od 18px ispod naseg — sklanjamo ga. */
footer.site-footer { display: none !important; }

/* Pri odskakanju (overscroll) iznad headera i ispod footera vidi se
   pozadina korenskog elementa. Belo, kao i telo stranice. */
html { background-color: #ffffff; }

/* DZ: prazan blok ispod footera na prodavnici */
/* Na stranici Prodavnica ovaj blok stoji IZA footera. Njegov sadrzaj
   (newsletter) je na telefonu ionako sakriven, ali sam blok ostavlja
   10px providne praznine kroz koju se vidi bela pozadina. */
@media (max-width: 767px) {
  .elementor-element-430757b.dz-shop-toolbar { display: none !important; }
}

/* DZ: oznaka pune korpe na ikonici u zaglavlju */
/* Ikonica torbe se ne crta kao SVG nego preko "mask-image". Maska odseca
   SVE sto se iscrtava unutar tog elementa, pa i Astrin ugradjeni brojac
   (i.astra-icon::after) — zato ga nikada nije bilo na ekranu. Oznaka zato
   ide na roditeljski element, koji nije maskiran. */
.ast-site-header-cart .ast-addon-cart-wrap { position: relative; }
.ast-site-header-cart .ast-addon-cart-wrap:has(.astra-icon[data-cart-total]:not(.no-cart-total):not([data-cart-total="0"]):not([data-cart-total=""]))::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #B99B73;
  display: block;
  z-index: 5;
  pointer-events: none;
}

/* DZ: "Prodavnica" ne vodi na stranicu, samo otvara podmeni */
/* Stavka i dalje reaguje na prelazak misa, pa se podmeni otvara kao i do
   sada — ali sam link vise ne prima klik, pa se ne moze otici na stranicu
   prodavnice. Stavke unutar podmenija nisu potomci ovog linka, pa rade
   normalno. */
.dz-shop-menu > .menu-link {
  pointer-events: none !important;
  cursor: default !important;
}


/* DZ HERO BUTTON SLIDE */
.elementor-15 .dz-hero-btn .elementor-button {
  position: relative;
  overflow: hidden;
  transform: none !important;
  background-repeat: no-repeat !important;
  background-size: 220% 100% !important;
  transition: background-position 0.42s, color 0.25s, border-color 0.25s !important;
}

.elementor-15 .elementor-element-c640bb7 .elementor-button,
.elementor-15 .elementor-element-ca9e9e4 .elementor-button {
  background-color: #b99b73 !important;
  background-image: linear-gradient(
    to right,
    #ffffff 0%,
    #ffffff 50%,
    #b99b73 50%,
    #b99b73 100%
  ) !important;
  background-position: right center !important;
}

.elementor-15 .dz-hero-btn .elementor-button:hover,
.elementor-15 .dz-hero-btn .elementor-button:focus,
.elementor-15 .dz-hero-btn .elementor-button:focus-visible,
.elementor-15 .dz-hero-btn .elementor-button:active {
  transform: none !important;
  background-color: #ffffff !important;
  background-position: left center !important;
  color: #b99b73 !important;
  fill: #b99b73 !important;
  border-color: #b99b73 !important;
}


/* DZ SECOND HERO REVERSE SLIDE */
.elementor-15 .elementor-element-5fc8ebe .elementor-button,
.elementor-15 .elementor-element-a663947 .elementor-button {
  background-color: #ffffff !important;
  background-image: linear-gradient(
    to right,
    #b99b73 0%,
    #b99b73 50%,
    #ffffff 50%,
    #ffffff 100%
  ) !important;
  background-position: right center !important;
}

.elementor-15 .elementor-element-5fc8ebe .elementor-button:hover,
.elementor-15 .elementor-element-5fc8ebe .elementor-button:focus,
.elementor-15 .elementor-element-5fc8ebe .elementor-button:focus-visible,
.elementor-15 .elementor-element-5fc8ebe .elementor-button:active,
.elementor-15 .elementor-element-a663947 .elementor-button:hover,
.elementor-15 .elementor-element-a663947 .elementor-button:focus,
.elementor-15 .elementor-element-a663947 .elementor-button:focus-visible,
.elementor-15 .elementor-element-a663947 .elementor-button:active {
  transform: none !important;
  background-color: #b99b73 !important;
  background-position: left center !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  border-color: #b99b73 !important;
}

/* Small gap between the desktop hero buttons */
.elementor-15 .elementor-element-5fc8ebe {
  margin-left: 10px;
}

/* DZ: isticanje artikla na "Svi artikli" */
/* Isti efekat kao "Najtrazeniji komadi" na pocetnoj: dok je mis u redu, svi
   artikli se povuku u drugi plan, a onaj pod misem ostaje ostar i izdize se.

   Zasto ide na unutrasnje elemente, a ne na samu karticu: .dzba-shop-product
   ima animaciju ulaska sa "animation-fill-mode: forwards", koja i posle
   zavrsetka trajno drzi opacity, filter i transform. Hover na tim osobinama
   bio bi ignorisan. Position i z-index animacija ne dira, pa se preko njih
   istaknuta kartica sme dici iznad suseda.

   Ograniceno na uredjaje sa pravim misem, da se na telefonu nista ne menja. */
@media (hover: hover) and (min-width: 768px) {
  .dzba-shop-compare,
  .dzba-shop-product h3,
  .dzba-shop-product p {
    transition: opacity .35s,
                filter .35s,
                transform .35s cubic-bezier(.16, 1, .3, 1),
                box-shadow .35s,
                border-color .35s;
  }

  .dzba-shop-compare {
    transform-origin: center center;
  }

  .dzba-shop-row:hover .dzba-shop-compare,
  .dzba-shop-row:hover .dzba-shop-product h3,
  .dzba-shop-row:hover .dzba-shop-product p {
    opacity: .62;
    filter: grayscale(15%) blur(.3px);
  }

  .dzba-shop-row .dzba-shop-product:hover .dzba-shop-compare,
  .dzba-shop-row .dzba-shop-product:hover h3,
  .dzba-shop-row .dzba-shop-product:hover p {
    opacity: 1;
    filter: none;
  }

  .dzba-shop-row .dzba-shop-product:hover .dzba-shop-compare {
    transform: scale(1.055);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .16);
    border-color: rgba(0, 0, 0, .16);
  }

  .dzba-shop-row .dzba-shop-product:hover {
    position: relative;
    z-index: 20;
  }
}

/* DZ: dugme "Naša priča" — isti hover kao "Najprodavanije" */
/* Preslikano sa dugmeta "Najprodavanije" (element c640bb7): pozadina je
   preliv dvostruke sirine koji se na prelaz misa prevuce sa desna na levo.
   "transform: none" ponistava Elementorovo uvecavanje, da ostane samo
   prelivanje. */
.elementor-15 .elementor-element-0062881.elementor-element.elementor-widget.elementor-widget-button .elementor-button,
.elementor-15 .elementor-element-f3dc3fb.elementor-element.elementor-widget.elementor-widget-button .elementor-button {
  position: relative;
  overflow: hidden;
  transform: none !important;
  background-repeat: no-repeat !important;
  background-size: 220% 100% !important;
  transition: background-position 0.42s, color 0.25s, border-color 0.25s !important;
  background-color: #b99b73 !important;
  background-image: linear-gradient(
    to right,
    #ffffff 0%,
    #ffffff 50%,
    #b99b73 50%,
    #b99b73 100%
  ) !important;
  background-position: right center !important;
}

.elementor-15 .elementor-element-0062881.elementor-element.elementor-widget.elementor-widget-button .elementor-button:hover,
.elementor-15 .elementor-element-0062881.elementor-element.elementor-widget.elementor-widget-button .elementor-button:focus,
.elementor-15 .elementor-element-0062881.elementor-element.elementor-widget.elementor-widget-button .elementor-button:focus-visible,
.elementor-15 .elementor-element-0062881.elementor-element.elementor-widget.elementor-widget-button .elementor-button:active,
.elementor-15 .elementor-element-f3dc3fb.elementor-element.elementor-widget.elementor-widget-button .elementor-button:hover,
.elementor-15 .elementor-element-f3dc3fb.elementor-element.elementor-widget.elementor-widget-button .elementor-button:focus,
.elementor-15 .elementor-element-f3dc3fb.elementor-element.elementor-widget.elementor-widget-button .elementor-button:focus-visible,
.elementor-15 .elementor-element-f3dc3fb.elementor-element.elementor-widget.elementor-widget-button .elementor-button:active {
  transform: none !important;
  background-color: #ffffff !important;
  background-position: left center !important;
  color: #b99b73 !important;
  fill: #b99b73 !important;
  border-color: #b99b73 !important;
}


/* =====================================================
   SIRINA STRANICE — sadrzaj ne sme da razvuce layout
   ===================================================== */
/*
   <body> je CSS mreza, a njeni clanovi podrazumevano imaju
   min-width: auto — ne mogu da se skupe ispod sirine svog
   najsireg sadrzaja. Na uskim telefonima (do oko 340px, npr.
   iPhone sa ukljucenim Display Zoom-om) jedan sirok element
   razvlacio je celu mrezu na 339px. Body ima overflow-x: clip,
   pa se visak nije mogao ni skrolovati — sve je izgledalo
   pomereno udesno i odseceno sa desne strane.

   Ovim se clanovima mreze dozvoljava da se skupe na sirinu
   ekrana. Na sirim ekranima pravilo nema nikakvo dejstvo.
*/
body > * {
    min-width: 0 !important;
}

/* =====================================================
   IME SAJTA U ZAGLAVLJU
   ===================================================== */
/*
   Ime sajta je popunjeno zbog <title> i deljenja na mrežama, ali u
   zaglavlju tu ulogu ima logo — pa bi ispisan tekst bio duplikat.
   Sklanja se sa ekrana, a ostaje čitačima ekrana i pretraživačima.
*/
.ast-site-identity .ast-site-title-wrap,
.ast-site-identity .site-title,
.ast-site-identity .site-description {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* =====================================================
   INSTAGRAM LOGO NA PRVOJ I POSLEDNJOJ SLICI
   ===================================================== */
/*
   Ove dve slike su ranije uz logo imale i korisničko ime. Kada je natpis
   uklonjen, širina im je bila "auto" — bez teksta se srušila na nulu, pa
   logo nije imao gde da se iscrta i jednostavno se nije video.

   Ovde dobijaju iste mere kao ostale tri slike: kvadrat, logo po sredini.
   Oznaka dz-logo-ispravka služi da se prepozna da je ovo već upisano.
*/
.insta-hover-srna::after,
.insta-hover-andjela::after {
    width: 64px !important;      /* dz-logo-ispravka */
    height: 64px !important;
    padding-top: 0 !important;
    background-size: contain !important;
    background-position: center center !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

@media (max-width: 767px) {
    /* body ispred: pravilo iz same stranice dolazi kasnije u dokumentu,
       pa bi pri istoj težini ono pobedilo. */
    body .dz-mobile-real-card.dz-real-srna::after,
    body .dz-mobile-real-card.dz-real-andjela::after {
        width: 54px !important;
        height: 54px !important;
        padding-top: 0 !important;
        background-size: contain !important;
        background-position: center center !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }
}

/* =====================================================
   RECENZIJE NA POČETNOJ — prave kartice u postojećem klizaču
   ===================================================== */
/*
   Sekcija je ranije imala sedam ručno prepisanih kartica. Sada u istu traku
   ulazi pravi prikaz recenzija (isti isečak koji radi na stranici proizvoda),
   pa kartice imaju isti zlatni efekat i otvaraju identičan prozor, a recenzija
   se dodaje na jednom mestu i pojavi se svuda.

   Omotači se svode na "display: contents" da bi same kartice postale članovi
   trake — time se zadržava postojeće vodoravno pomeranje i strelice.
*/
.elementor-element-8a67d1f > .elementor-element-dvrihome1,   /* dz-home-reviews-slider */
.elementor-element-8a67d1f .elementor-shortcode,
.elementor-element-8a67d1f .dvri-section,
.elementor-element-8a67d1f .dvri-grid {
    display: contents !important;
}

/*
   U klizaču nema "prikaži još": dugme se sklanja, a kartice koje isečak
   inače drži sakrivene do klika ovde se sve prikazuju — u vodoravnoj
   traci nema razloga da se kriju.
*/
.elementor-element-8a67d1f .dvri-load-more {
    display: none !important;
}

/*
   Mora "flex", ne "block": kartica raspoređuje delove redosledom, a
   "block" taj redosled gasi — pa je slika padala ispod teksta. Prvih
   šest kartica nije bilo sakriveno, pa se greška videla tek od sedme.
*/
.elementor-element-8a67d1f .dvri-card.dvri-pagination-hidden {
    display: flex !important;
}

/*
   Uspravna kartica: slika gore preko cele širine, ispod nje ime i tekst.
   Osnovni raspored je vodoravan (tekst levo, mala slika desno) i takav
   ostaje na stranici proizvoda — ovo važi samo za klizač na početnoj.

   "display: contents" na telu kartice sklanja njegovu mrežu, pa slika i
   tekst postaju članovi same kartice i mogu se preurediti redosledom.
*/
.elementor-element-8a67d1f .dvri-card {          /* dz-kartica-uspravna */
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    scroll-snap-align: start;
}

.elementor-element-8a67d1f .dvri-card-body {
    display: contents !important;
}

.elementor-element-8a67d1f .dvri-card-media {
    order: 1;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.elementor-element-8a67d1f .dvri-card-head {
    order: 2;
    min-height: 0 !important;
    margin: 15px 0 9px !important;
    padding: 0 18px !important;
}

.elementor-element-8a67d1f .dvri-card-copy {
    order: 3;
    min-width: 0 !important;
    padding: 0 18px 16px !important;
}

.elementor-element-8a67d1f .dvri-product {
    order: 4;
    margin-top: auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

/*
   Sve kartice u redu prate najvišu među sobom. Bez skraćivanja jedna duga
   recenzija razvuče ceo red i ispod kraćih ostane prazan hodnik.

   Naslov ide u jedan red, tekst u tri — dovoljno da se vidi o čemu je reč,
   a ceo tekst se ionako otvara klikom. Na stranici proizvoda ostaje puno.
*/
.elementor-element-8a67d1f .dvri-title {        /* dz-kartica-skracivanje */
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.elementor-element-8a67d1f .dvri-text {
    -webkit-line-clamp: 3 !important;
}

/*
   Odgovor brenda stoji samo na jednoj recenziji i dodaje joj 109 px.
   Pošto sve kartice u redu prate najvišu, ta jedna razvlačila je ceo
   red. U klizaču se ne prikazuje — ceo odgovor se vidi u prozoru.
*/
.elementor-element-8a67d1f .dvri-brand-reply {   /* dz-bez-odgovora-brenda */
    display: none !important;
}

@media (max-width: 767px) {
    .elementor-element-8a67d1f .dvri-card {
        flex: 0 0 260px !important;
        width: 260px !important;
        max-width: 260px !important;
    }
}

/* =====================================================
   KLIZAČ RECENZIJA NA POČETNOJ — doterivanje
   ===================================================== */
/*
   1) Samo pet zvezdica.
      Među 41 recenzijom ima jedna sa tri i četiri sa četiri zvezdice.
      Na početnoj se prikazuju samo one sa pet; sve ostaju vidljive na
      stranici proizvoda, gde i treba da stoje.

   2) Prva kartica se više ne seče.
      Traka je imala "justify-content: center". Kada je sadržaj širi od
      ekrana, centriranje ga prelije na obe strane — a levi višak se ne
      može doskrolovati. Prve kartice su tako ispadale van dohvata.

   3) Manje praznog prostora ispod.
      Donji razmak trake je bio 120 px.
*/
/*
   Traka nosi i id="reviewsTrack", čije je pravilo jače od pukog naziva
   klase — zato i ovde ide preko id-ja, uz "body" ispred da nadjača i
   pravilo koje dolazi kasnije u dokumentu.
*/
body #reviewsTrack,
.elementor-element-8a67d1f {                    /* dz-klizac-doterivanje */
    justify-content: flex-start !important;
    padding-bottom: 32px !important;
}

.elementor-element-8a67d1f .dvri-card:not([data-rating="5"]) {
    display: none !important;
}

/* === DZ: recenzije na pocetnoj — telefon (sekcija 3f18064) === */
.elementor-element-dvrimobn1 .dz-mobile-reviews-title {
  margin: 27px auto 3px !important;
  padding: 0 26px !important;
  max-width: 100% !important;
  text-align: center !important;
  font-size: clamp(26px, 8.4vw, 34px) !important;
  line-height: 1.06 !important;
  overflow-wrap: break-word !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
  color: #000000 !important;
}
.elementor-element-dvrimob1 > .elementor-widget-container { padding: 0 !important; }
.elementor-element-dvrimob1 .dvri-section {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  background: none !important;
}
.elementor-element-dvrimob1 .dvri-section > *:not(.dvri-grid):not(.dvri-modal) { display: none !important; }
.elementor-element-dvrimob1 .dvri-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 4px 22px 26px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
.elementor-element-dvrimob1 .dvri-grid::-webkit-scrollbar { display: none !important; }
.elementor-element-dvrimob1 .dvri-load-more,
.elementor-element-dvrimob1 .dvri-brand-reply { display: none !important; }
.elementor-element-dvrimob1 .dvri-card.dvri-pagination-hidden { display: flex !important; }
.elementor-element-dvrimob1 .dvri-card:not([data-rating="5"]) { display: none !important; }
.elementor-element-dvrimob1 .dvri-card {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 272px !important;
  width: 272px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}
.elementor-element-dvrimob1 .dvri-card-body { display: contents !important; }
.elementor-element-dvrimob1 .dvri-card-media {
  order: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.elementor-element-dvrimob1 .dvri-card-head {
  order: 2 !important;
  margin: 13px 0 8px !important;
  padding: 0 15px !important;
}
.elementor-element-dvrimob1 .dvri-card-copy {
  order: 3 !important;
  margin: 0 !important;
  padding: 0 15px 14px !important;
}
.elementor-element-dvrimob1 .dvri-product {
  order: 4 !important;
  margin: auto 0 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.elementor-element-dvrimob1 .dvri-title { -webkit-line-clamp: 1 !important; }
.elementor-element-dvrimob1 .dvri-text { -webkit-line-clamp: 3 !important; }

/* === DZ: kategorije i klizac recenzija — racunar === */

/* Dva pravougaonika iste velicine, isti gornji rub, jednake bocne margine. */
@media (min-width: 1025px) {
  .elementor-element-79b1825 .elementor-element-3fe8faf,
  .elementor-element-79b1825 .elementor-element-053034a {
    top: 125px !important;
    bottom: auto !important;
    width: calc(50% - 85px) !important;
    height: 380px !important;
  }
  .elementor-element-79b1825 .elementor-element-3fe8faf {
    left: 70px !important;
    right: auto !important;
  }
  .elementor-element-79b1825 .elementor-element-053034a {
    left: auto !important;
    right: 70px !important;
  }
}

/* Naslov "STA LJUDI GOVORE" tacno na sredini sekcije. */
.elementor-element-be8f3e5 .elementor-element-636a1b3 {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}
.elementor-element-be8f3e5 .elementor-element-636a1b3 .elementor-heading-title {
  text-align: center !important;
}

/* Strelice: na sredini visine kartice, uz levu i desnu ivicu, uocljive. */
.elementor-element-be8f3e5 .elementor-element-8509b14,
.elementor-element-be8f3e5 .reviews-arrows {
  position: static !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}
.elementor-element-be8f3e5 .reviews-arrow {
  position: absolute !important;
  top: 406px !important;
  bottom: auto !important;
  width: 54px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #8a6540 !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid rgba(200, 166, 111, .55) !important;
  border-radius: 50% !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .16), 0 2px 6px rgba(0, 0, 0, .06) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  opacity: 1 !important;
  z-index: 30 !important;
  transition: transform .25s ease, background .25s ease, color .25s ease,
              box-shadow .25s ease, border-color .25s ease !important;
}
.elementor-element-be8f3e5 .reviews-arrow:hover {
  background: #c8a66f !important;
  border-color: #c8a66f !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 32px rgba(200, 166, 111, .42) !important;
}
.elementor-element-be8f3e5 .reviews-arrow:active {
  transform: translateY(0) scale(.95) !important;
  box-shadow: 0 6px 16px rgba(200, 166, 111, .34) !important;
}
.elementor-element-be8f3e5 .reviews-prev { left: 14px !important; right: auto !important; }
.elementor-element-be8f3e5 .reviews-next { right: 14px !important; left: auto !important; }

/* === DZ: pravne stranice na telefonu === */
/*
 * Tekst je na ovim stranicama bio isključen za telefon i tablet, pa se
 * video samo naslov. Kad je uključen, izašla je druga nevolja: widgeti
 * nose desktop marginu od 280 px sa svake strane, što ih na telefonu
 * stisne u traku od 175 px. Ovde se margina poništava i tipografija
 * svodi na veličinu koja se čita na dlanu.
 */
@media (max-width: 767px) {
  .elementor-page-2437 .elementor-widget-text-editor,
  .elementor-page-2448 .elementor-widget-text-editor,
  .elementor-page-2548 .elementor-widget-text-editor,
  .elementor-page-3 .elementor-widget-text-editor {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
  }

  .elementor-page-2437 .elementor-widget-text-editor,
  .elementor-page-2448 .elementor-widget-text-editor,
  .elementor-page-2548 .elementor-widget-text-editor,
  .elementor-page-3 .elementor-widget-text-editor {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #2a2a2a !important;
  }

  .elementor-page-2437 .elementor-widget-text-editor p,
  .elementor-page-2448 .elementor-widget-text-editor p,
  .elementor-page-2548 .elementor-widget-text-editor p,
  .elementor-page-3 .elementor-widget-text-editor p {
    margin: 0 0 14px !important;
    line-height: 1.7 !important;
  }

  /* Podnaslovi unutar teksta ("VREME OBRADE") — da se odvoje od pasusa. */
  .elementor-page-2437 .elementor-widget-text-editor strong,
  .elementor-page-2448 .elementor-widget-text-editor strong,
  .elementor-page-2548 .elementor-widget-text-editor strong,
  .elementor-page-3 .elementor-widget-text-editor strong {
    display: inline-block;
    margin-top: 4px;
    letter-spacing: .01em;
  }

  .elementor-page-2437 .elementor-widget-text-editor ul,
  .elementor-page-2448 .elementor-widget-text-editor ul,
  .elementor-page-2548 .elementor-widget-text-editor ul,
  .elementor-page-3 .elementor-widget-text-editor ul {
    margin: 0 0 14px !important;
    padding-left: 20px !important;
  }

  /* Naslov 56 px prelamao se u tri reda i gutao ceo prvi ekran. */
  .elementor-page-2437 .elementor-widget-heading .elementor-heading-title,
  .elementor-page-2448 .elementor-widget-heading .elementor-heading-title,
  .elementor-page-2548 .elementor-widget-heading .elementor-heading-title,
  .elementor-page-3 .elementor-widget-heading .elementor-heading-title {
    font-size: clamp(26px, 8vw, 34px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.5px !important;
    padding: 0 18px !important;
    margin: 0 0 20px !important;
  }

  .elementor-page-2437 .elementor-widget-heading,
  .elementor-page-2448 .elementor-widget-heading,
  .elementor-page-2548 .elementor-widget-heading,
  .elementor-page-3 .elementor-widget-heading {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* === DZ: otvaranje mobilnog menija === */
/*
 * Meni se pojavljivao naglo. Postojeći prelaz (transform .34s) nikad nije
 * radio jer panel ide iz "display: none" — prelaz nema od čega da krene.
 * Zato ovde stoji animacija: ona se izvršava na samom pojavljivanju, pa
 * radi i kad se element tek uključuje.
 *
 * Stavke ulaze jedna za drugom, sa razmakom od 30 ms. Osam stavki, ceo
 * ulaz gotov za oko 0,45 s — dovoljno da se primeti, prekratko da smeta.
 */
@keyframes dz-meni-panel {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: none; }
}

@keyframes dz-meni-stavka {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: none; }
}

@media (max-width: 921px) {
  body.dz-menu-active .ast-mobile-header-content,
  body.ast-main-header-nav-open .ast-mobile-header-content,
  body.ast-popup-nav-open .ast-mobile-header-content {
    animation: dz-meni-panel .34s cubic-bezier(.16, 1, .3, 1) both;
    will-change: transform, opacity;
  }

  body.dz-menu-active .ast-mobile-header-content .menu-item,
  body.ast-main-header-nav-open .ast-mobile-header-content .menu-item,
  body.ast-popup-nav-open .ast-mobile-header-content .menu-item {
    animation: dz-meni-stavka .38s cubic-bezier(.16, 1, .3, 1) both;
  }

  body.dz-menu-active .ast-mobile-header-content .menu-item:nth-child(1) { animation-delay: .04s; }
  body.dz-menu-active .ast-mobile-header-content .menu-item:nth-child(2) { animation-delay: .07s; }
  body.dz-menu-active .ast-mobile-header-content .menu-item:nth-child(3) { animation-delay: .10s; }
  body.dz-menu-active .ast-mobile-header-content .menu-item:nth-child(4) { animation-delay: .13s; }
  body.dz-menu-active .ast-mobile-header-content .menu-item:nth-child(5) { animation-delay: .16s; }
  body.dz-menu-active .ast-mobile-header-content .menu-item:nth-child(6) { animation-delay: .19s; }
  body.dz-menu-active .ast-mobile-header-content .menu-item:nth-child(7) { animation-delay: .22s; }
  body.dz-menu-active .ast-mobile-header-content .menu-item:nth-child(8) { animation-delay: .25s; }

  /* Ko je isključio animacije — meni se i dalje otvara, samo bez kretanja. */
  @media (prefers-reduced-motion: reduce) {
    body.dz-menu-active .ast-mobile-header-content,
    body.dz-menu-active .ast-mobile-header-content .menu-item,
    body.ast-main-header-nav-open .ast-mobile-header-content,
    body.ast-main-header-nav-open .ast-mobile-header-content .menu-item {
      animation: none !important;
    }
  }
}

/* === DZ: stari futer na stranici proizvoda (telefon) === */
/*
 * Na stranici proizvoda postoji skripta koja futer izmešta iz njegovog
 * widgeta pravo u <body> (widget ostaje sa oznakom "dz-footer-source-
 * emptied"). Zbog toga Elementorovo "sakrij na telefonu" nema efekta —
 * markup je već odseljen.
 *
 * Zato se ovde sakriva sam premešteni futer, i to samo on: newsletter
 * iznad njega ostaje netaknut, kao i ceo prikaz za računar.
 */
@media (max-width: 767px) {
  .dz-newsletter-footer-section > .dz-footer {
    display: none !important;
  }
}

/* === DZ: polje za mejl u futeru — telefon === */
/*
 * Na početnoj je polje 60 px visoko sa slovima od 18 px. Na ostalim
 * stranicama isti newsletter blok davao je polje od svega 25 px, u koje
 * slova od 21 px nisu ni stajala — dok je dugme ispod bilo 72 px.
 *
 * Ovde se polje svodi na istu meru kao na početnoj. Dugme se ne dira.
 */
@media (max-width: 767px) {
  .dz-newsletter-wrap .dz-newsletter-fake-form input,
  .dz-newsletter-wrap input[type="email"],
  .dz-newsletter-wrap input[type="text"] {
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 30px !important;
    font-size: 18px !important;
    line-height: 60px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
  }
}

/* === DZ: mobilni futer preko cele širine === */
/*
 * Futer stoji u sekciji koja se izvlači iz sadržaja negativnom marginom
 * od 20 px. Kad se margina stranice razlikuje od te mere, sa strana
 * ostanu beli stubovi.
 *
 * Ovo je ne računa: širina se vezuje za sam prozor, pa je futer uvek od
 * ivice do ivice, bez obzira kolika je margina roditelja.
 */
@media (max-width: 767px) {
  .dz-footer-final {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}

/* === DZ: veliki monitori (iznad 1540 px) === */
/*
 * Nekoliko sekcija na početnoj slagano je apsolutnim položajem u fiksnim
 * pikselima, na širini od oko 1540 px. Na 27" ekranu ti brojevi ostaju
 * isti, pa se sve skupi uz levu ivicu, a desna polovina ostane prazna —
 * naslovi promaše sredinu, a galerija naleti na naslov ispod sebe.
 *
 * Ispod 1541 px ništa se ne menja: tamo je raspored ionako bio dobar.
 */
@media (min-width: 1541px) {

  /*
   * "Viđeno u pravom svetu": naslov, nadnaslov, pet slika i poziv na
   * tagovanje — sve su deca ove sekcije i sve nose fiksne pomake. Umesto
   * da se pomera svako ponaosob, sama sekcija se svede na širinu za koju
   * su ti pomaci i računati i centrira. Sekcija nema pozadinu, pa se
   * suženjem ništa ne gubi.
   */
  .elementor-element-7ef06d9 {
    max-width: 1540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Naslov "Pretraži po kategoriji" stoji u sekciji koja ostaje puna
     širina, pa se centrira sam za sebe. */
  .elementor-element-79b1825 .elementor-element-d661f96 {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  /* Dugme "Poruči odmah" bilo je zakucano na 660 px od leve ivice. */
  .elementor-element-daaee74 {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    text-align: center !important;
  }

  /*
   * Pravne stranice: svaki blok teksta ima svoju procentualnu širinu i
   * marginu od 280 px sa strane. Na širokom ekranu te širine ispadnu
   * različite (od 796 do 1467 px), pa blokovi počinju na različitim
   * mestima i tekst se stepenasto pomera niz stranicu.
   *
   * Ovde svi dobijaju istu meru i centriraju se — jedna kolona, jedna
   * leva ivica, dužina reda koja se još čita bez vraćanja pogleda.
   */
  .elementor-page-2437 .elementor-widget-text-editor,
  .elementor-page-2548 .elementor-widget-text-editor {
    width: 100% !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /*
   * Povraćaj i Politika privatnosti imaju svoje podnaslove sa leve
   * strane. Tamo tekst ne sme da se centrira — mora da počne tačno
   * ispod naslova kom pripada, inače izgleda kao da je uvučen.
   */
  .elementor-page-2448 .elementor-widget-text-editor {
    width: auto !important;
    max-width: 980px !important;
    margin-left: 100px !important;
    margin-right: auto !important;
  }

  .elementor-page-3 .elementor-widget-text-editor {
    width: auto !important;
    max-width: 980px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /*
   * Kategorije: kartice su rasle sa ekranom i na 27" se razvukle u
   * niske trake. Sama sekcija ostaje puna širina — ona nosi sivu
   * pozadinu, pa bi suženjem ostalo belo sa strane. Umesto toga se
   * pomeraju njena deca: sve se veže za sredinu prozora i dobija meru
   * iz izvornog crteža (1540 px), pa kartice zadrže isti oblik kao na
   * običnom monitoru, a siva ide od ivice do ivice.
   */
  .elementor-element-79b1825 .elementor-element-3fe8faf {
    left: calc(50% - 700px) !important;
    right: auto !important;
    width: 685px !important;
  }

  .elementor-element-79b1825 .elementor-element-053034a {
    left: auto !important;
    right: calc(50% - 700px) !important;
    width: 685px !important;
  }

  /* Natpis "Majice" i njegovo dugme prate levu karticu. */
  .elementor-element-79b1825 .elementor-element-99a37b1 {
    left: calc(50% - 664px) !important;
    right: auto !important;
  }

  /*
   * Kutija dugmeta je šira od samog dugmeta i centrira ga u sebi, pa
   * je dugme ispadalo 73 px desno od natpisa. Kutija se prislanja uz
   * levu ivicu natpisa, a sadržaj u njoj poravnava levo — dugme tako
   * stane tačno ispod "Majice".
   */
  .elementor-element-79b1825 .elementor-element-0f46f54 {
    left: calc(50% - 664px) !important;
    right: auto !important;
    width: auto !important;
    text-align: left !important;
  }

  /*
   * Poziv "Spreman da izneseš svoju veru?": naslov i dugme su bili
   * gurnuti pomacima od 211 i 206 px, pa su na visokom ekranu ostajali
   * u gornjoj trećini. Sadržaj se sada centrira sam, po visini sekcije.
   */
  .elementor-element-677438c > .e-con-inner {
    justify-content: center !important;
  }

  .elementor-element-ec05d7a {
    top: 0 !important;
    left: 0 !important;
  }

  .elementor-element-daaee74 {
    top: 0 !important;
  }
}

/* === DZ: oznaka "Verifikovano" na karticama recenzija === */
/*
 * Oznaka je postavljena apsolutno, uz "right: 0" u odnosu na samu karticu,
 * pa je preskakala unutrašnji razmak i naslanjala se na ivicu — na užim
 * karticama je i zalazila preko nje.
 *
 * Sada stoji unutar istog razmaka kao i ostatak zaglavlja kartice, i malo
 * niže od gornje linije.
 */
.dvri-card .dvri-verified {
  right: 16px !important;
  top: 3px !important;
}

@media (max-width: 767px) {
  .dvri-card .dvri-verified {
    right: 13px !important;
  }
}

/* === DZ: "Taguj nas" ispod galerije === */
/*
 * Tekst je bio zakucan na 529 px od leve ivice — mera računata dok je red
 * bio duži ("...i ostvari popust čak do 30%"). Kad je skraćen, ostao je
 * levo od sredine. Sada se vezuje za sredinu sekcije, pa je centriran bez
 * obzira na dužinu teksta i širinu ekrana.
 */
.elementor-element-7ef06d9 .elementor-element-bf47e57 {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

.elementor-element-7ef06d9 .elementor-element-bf47e57 p {
  text-align: center !important;
  margin: 0 !important;
}

/* Na telefonu isti red ide velikim slovima, kao i na računaru. */
@media (max-width: 767px) {
  .dz-mobile-real-bottom {
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
  }
}

/* === DZ: opisni tekst na stranici Duksevi === */
/*
 * Uvod je stajao u kontejneru pune širine, pa se red vukao od ivice do
 * ivice ekrana i lepio za donju liniju banera. Na stranici Majice isti
 * tekst stoji u okviru od 1140 px sa 23 px vazduha ispod banera; ovde se
 * ta ista mera samo ponavlja, da obe kategorije izgledaju isto.
 */
@media (min-width: 1025px) {
  .elementor-page-2563 .elementor-element-0cbb890 {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 23px !important;
  }
}

/* === DZ: dupli pregled porudžbine na telefonu === */
/*
 * Na uskom ekranu WooCommerce prikazuje pregled porudžbine dva puta: gore,
 * kao sklopivu traku sa iznosom (u bočnoj koloni), i još jednom u celosti
 * iznad dugmeta "Završi kupovinu" — kao "fill" ubačen u blok sa dugmetom.
 *
 * Isti podaci dva puta na istoj strani samo produžavaju put do dugmeta,
 * pa se donji primerak sklanja. Gornja traka ostaje: ona se otvara na
 * dodir i pokazuje stavke, dostavu i ukupan iznos.
 *
 * Vezuje se za klasu "is-mobile", koju sam WooCommerce postavlja kada
 * pređe u uski raspored — tako pravilo važi tačno tamo gde se i dupliranje
 * dešava, a računar ostaje netaknut bez obzira na tačku preloma.
 */
.wc-block-checkout.is-mobile .checkout-order-summary-block-fill-wrapper {
  display: none !important;
}

/* Rezerva: isto pravilo vezano za širinu ekrana, za slučaj da klasa
   "is-mobile" izostane (postavlja je skripta, a ne server). */
@media (max-width: 767px) {
  body.woocommerce-checkout .checkout-order-summary-block-fill-wrapper {
    display: none !important;
  }
}

/* === DZ: mreža proizvoda na stranici "Prvi drop" === */
/*
 * Mreža je preuzeta od "Svi artikli" i ima četiri stupca. Na ovoj strani
 * stoje tri proizvoda, pa se broj stubaca svodi na tri — iste širine kao
 * da ih ima četiri, da kartice ostanu jednake onima na ostalim stranicama
 * — a red se centrira.
 *
 * Telefon zadržava svoju mrežu od dva stupca, pa tamo nema šta da se menja.
 */
.elementor-page-2566 .dzba-shop-row {
  grid-template-columns: repeat(3, calc((100% - 84px) / 4)) !important;
  justify-content: center !important;
}

@media (max-width: 1400px) {
  .elementor-page-2566 .dzba-shop-row {
    grid-template-columns: repeat(3, calc((100% - 78px) / 4)) !important;
  }
}

@media (max-width: 1024px) {
  .elementor-page-2566 .dzba-shop-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* === DZ: stara cena i oznaka limitiranog izdanja === */
/*
 * Paket majica + duks ide po nižoj ceni od zbira, pa se stara cena
 * zadržava precrtana — ušteda mora da se vidi, a ne da se tvrdi.
 *
 * Fabrička oznaka akcije je plav krug sa natpisom "Sale!" — ovde postaje
 * zlatna pilula sa "LIMITED", u boji koju sajt već koristi.
 */
.dz-stara-cena {
  margin-right: 7px;
  font-weight: 700;
  text-decoration: line-through;
  opacity: .42;
}

.woocommerce span.onsale,
.rtsb-product-images .onsale,
span.onsale {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: #B99B73 !important;
  color: #ffffff !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .16) !important;
}

.woocommerce span.onsale::after,
.rtsb-product-images .onsale::after,
span.onsale::after {
  content: "LIMITIRANO";
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1;
  color: #ffffff;
}

/* === DZ: dugmad na hero baneru — telefon === */
/*
 * Dugmad se šire po dužini natpisa, pa su "PRVI DROP" i "NAŠA PRIČA"
 * bili različite širine — par koji stoji jedan pored drugog ne sme da
 * izgleda kao dve različite mere. Zajednička najmanja širina izjednačava
 * ih, a natpis ostaje na sredini dugmeta.
 *
 * Računar se ne dira: tamo dugmad imaju svoj razmak i dužinu.
 */
@media (max-width: 767px) {
  .elementor-element-a663947 .elementor-button,
  .elementor-element-ca9e9e4 .elementor-button {
    min-width: 106px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* === DZ: naslov i odbrojavanje na baneru "Prvi drop" === */
/*
 * Naslov je nasleđen sa strane "Svi artikli" — 56 px na baneru visokom
 * 308 px. Uz odbrojavanje ispod, natpis je delovao sitno i visoko.
 *
 * Baner se malo produžava, natpis raste, a razmak do sata se steže: grupa
 * ostaje centrirana (Elementor je već postavlja na sredinu), ali sada je
 * naslov ono što se prvo vidi, tačno u sredini banera.
 *
 * Važi samo za ovu stranu — ostale kategorije zadržavaju svoje mere.
 */
.elementor-page-2566 .elementor-element-9862c19 {
  min-height: 360px !important;
}

.elementor-page-2566 .elementor-element-7d4f6fc .elementor-heading-title {
  font-size: 76px !important;
  line-height: 1.12 !important;
}

.elementor-page-2566 .dz-odbroj {
  margin-top: 12px !important;
}

/* Grupa se spusta niz baner, da naslov padne blize samoj sredini:
   razmak iznad naslova gura i naslov i sat nanize za svoju polovinu. */
.elementor-page-2566 .elementor-element-7d4f6fc {
  margin-top: 64px !important;
}

@media (max-width: 767px) {
  .elementor-page-2566 .elementor-element-4eb2d38 {
    min-height: 268px !important;
  }

  .elementor-page-2566 .elementor-element-c3415ee .elementor-heading-title {
    font-size: 52px !important;
    line-height: 1.1 !important;
  }

  .elementor-page-2566 .elementor-element-c3415ee {
    margin-top: 24px !important;
  }
}

/* === DZ: jedina kartica na stranici Duksevi === */
/*
 * Mreža je preuzeta od "Svi artikli" i ima četiri stupca (dva na tabletu i
 * telefonu). Sa jednim proizvodom kartica bi ostala uz levu ivicu, a desno
 * bi zjapila praznina.
 *
 * Stubac se svodi na jedan, iste širine kao da ih ima četiri — kartica
 * zadržava veličinu kao na ostalim stranicama — pa se red centrira. Mera
 * se računa iz razmaka koji mreža već koristi.
 */
.elementor-page-2563 .dzba-shop-row {
  grid-template-columns: calc((100% - 84px) / 4) !important;
  justify-content: center !important;
}

@media (max-width: 1400px) {
  .elementor-page-2563 .dzba-shop-row {
    grid-template-columns: calc((100% - 78px) / 4) !important;
  }
}

@media (max-width: 1024px) {
  .elementor-page-2563 .dzba-shop-row {
    grid-template-columns: calc((100% - 20px) / 2) !important;
  }
}

/* Telefon ima svoju mrežu, sa dva stupca. */
.elementor-page-2563 .dz-mobile-products {
  grid-template-columns: calc((100% - 10px) / 2) !important;
  justify-content: center !important;
}

@media (max-width: 767px) {
  .elementor-page-2563 .dz-mobile-products {
    grid-template-columns: calc((100% - 8px) / 2) !important;
  }
}

/* === DZ: natpisi na pilulama proizvoda iz drop-a === */
/*
 * Na karticama pilula obično javlja stanje zaliha. Tri artikla iz drop-a
 * javljaju nešto drugo: majica i duks nose datum kad kreću (1. oktobar),
 * a komplet nosi natpis "LIMITIRANO" — njega neće biti ponovo.
 *
 * Pravilo je vezano za sam proizvod (data-dz-proizvod), ne za stranicu, pa
 * natpis stoji svuda gde se kartica pojavi: na početnoj, u kategorijama i
 * na stranici drop-a. Ostali proizvodi zadržavaju zeleno "Na stanju" i
 * sivo "Nije na stanju".
 */
@keyframes dz-lampica-zlatna {
  0%   { opacity: 1;   box-shadow: 0 0 0 0 rgba(185, 155, 115, .55); }
  70%  { opacity: .35; box-shadow: 0 0 0 7px rgba(185, 155, 115, 0); }
  100% { opacity: 1;   box-shadow: 0 0 0 0 rgba(185, 155, 115, 0); }
}

.dz-stanje[data-dz-proizvod="isushristmajica"],
.dz-stanje[data-dz-proizvod="isushristduks"],
.dz-stanje[data-dz-proizvod="isushristkomplet"] {
  font-size: 0 !important;
  color: #B99B73 !important;
}

.dz-stanje[data-dz-proizvod="isushristmajica"]::before,
.dz-stanje[data-dz-proizvod="isushristduks"]::before,
.dz-stanje[data-dz-proizvod="isushristkomplet"]::before {
  background: #B99B73 !important;
  animation: dz-lampica-zlatna 1.2s ease-in-out infinite !important;
}

.dz-stanje[data-dz-proizvod="isushristmajica"]::after,
.dz-stanje[data-dz-proizvod="isushristduks"]::after,
.dz-stanje[data-dz-proizvod="isushristkomplet"]::after {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
  color: #B99B73;
}

.dz-stanje[data-dz-proizvod="isushristmajica"]::after,
.dz-stanje[data-dz-proizvod="isushristduks"]::after {
  content: "USKORO";
}

.dz-stanje[data-dz-proizvod="isushristkomplet"]::after {
  content: "LIMITIRANO";
}

@media (max-width: 767px) {
  .dz-stanje[data-dz-proizvod="isushristmajica"]::after,
  .dz-stanje[data-dz-proizvod="isushristduks"]::after,
  .dz-stanje[data-dz-proizvod="isushristkomplet"]::after {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dz-stanje[data-dz-proizvod="isushristmajica"]::before,
  .dz-stanje[data-dz-proizvod="isushristduks"]::before,
  .dz-stanje[data-dz-proizvod="isushristkomplet"]::before {
    animation: none !important;
    box-shadow: 0 0 0 3px rgba(185, 155, 115, .18) !important;
  }
}

/* === DZ: mreža na stranici "Svi artikli" === */
/*
 * Mreža je pravljena za četiri kartice u redu. Sa pet artikala peti je
 * ostajao sam, a kad se broj stubaca svede na tri kartice postanu krupnije
 * nego na ostalim stranicama.
 *
 * Zato red prelazi u flex: kartica zadržava tačno onu širinu koju ima u
 * mreži od četiri stupca, red se sužava na tri takve kartice i centrira, a
 * preostale dve se same slažu na sredinu drugog reda.
 *
 * Važi samo od 1025 px naviše — na tabletu i telefonu ostaju dva stupca.
 */
@media (min-width: 1025px) {
  .elementor-page-1951 .dzba-shop-row {
    --dz-red: min(1580px, calc(100vw - 140px));
    --dz-kartica: calc((var(--dz-red) - 84px) / 4);

    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 28px !important;

    width: calc(var(--dz-kartica) * 3 + 56px) !important;
    max-width: none !important;

    /*
     * Red je i u izvornom obliku širi od kontejnera u kome stoji, pa se
     * centrira ovim potezom umesto automatskim marginama — inače bi ga
     * kontejner stegao i u red bi stale samo dve kartice.
     */
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
  }

  .elementor-page-1951 .dzba-shop-row .dzba-shop-product {
    flex: 0 0 var(--dz-kartica) !important;
    width: var(--dz-kartica) !important;
    max-width: var(--dz-kartica) !important;
  }
}

/* === DZ: slova na dugmetu "Dodaj u korpu" === */
/*
 * Preko dugmeta pri prelasku mišem uklizi beli panel; slova tada moraju da
 * budu zlatna, inače ostaju bela na belom i dugme izgleda prazno.
 */
@media (hover: hover) and (pointer: fine) {
  html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button:not(.disabled):not(:disabled):hover,
  html body.single-product .rtsb-product-add-to-cart form.variations_form .single_add_to_cart_button:not(.disabled):not(:disabled):hover .text {
    color: #bea078 !important;
    -webkit-text-fill-color: #bea078 !important;
  }
}

/* === DZ: prazan prostor ispod futera === */
/*
 * Telefon pri povlačenju preko kraja stranice pokazuje pozadinu korena
 * dokumenta, a ona je bela — pa je ispod crnog futera zjapila bela traka.
 * Koren dobija boju futera, a odskakanje se gasi gde pregledač to podržava.
 */
html {
  background-color: #000000;
  overscroll-behavior-y: none;
}

body {
  background-color: #ffffff;
}

/* === DZ: razmak dugmadi na hero baneru — telefon === */
/*
 * Dugmad stoje na tačnim tačkama u baneru; drugo je bilo udaljeno 59 px od
 * prvog, što je delovalo kao da nisu par.
 */
@media (max-width: 767px) {
  .elementor-page-15 .elementor-element-a663947 {
    left: 145px !important;
  }
}

/* === DZ: dugme "Obavesti me" na telefonu === */
/*
 * U lepljivoj traci dugme je zauzimalo skoro celu visinu trake i guralo
 * cenu u ugao. Ovde se samo smanjuje — traka i cena ostaju iste, a na
 * računaru se ništa ne menja.
 */
@media (max-width: 767px) {
  .dv-sticky-cart .dz-sticky-preorder {
    min-height: 42px !important;
    padding: 5px 12px !important;
    gap: 0 !important;
    border-radius: 999px !important;
  }
  .dv-sticky-cart .dz-sticky-preorder-tekst {
    font-size: 12.5px !important;
    letter-spacing: .01em !important;
  }
  .dv-sticky-cart .dz-sticky-preorder-napomena {
    font-size: 9px !important;
  }
}

/* === DZ: copyright poslednji na Majicama i Duksevima === */
/*
 * Obe strane imaju posebnu građu za telefon i za računar. Na telefonu je
 * ispod podnožja ostajao još po jedan blok iz verzije za računar — na
 * Duksevima ceo uvod sa spiskom (isti sadržaj koji telefon već ima gore),
 * na Majicama tanka prazna traka. Zbog njih copyright nije bio poslednji.
 *
 * Verzija za računar se ne dira.
 */
@media (max-width: 767px) {
  body.elementor-page-2563 .elementor-element-383787e,
  body.elementor-page-2543 .elementor-element-2f98073 {
    display: none !important;
  }
}

/* === DZ: ulazak znaka u naslovnoj slici === */
/*
 * Znak "01/10" ulazi isto kao naslov, tekst i dugmad ispod njega — samo
 * malo ranije, da povede niz. Koristi se već postojeći "dzHeroItemUp".
 */
.dz-hero-pilula,
.dz-hero-pilula-pc {
  opacity: 0;
  transform: translateY(34px);
  animation: dzHeroItemUp 1s cubic-bezier(.16, 1, .3, 1) .2s 1 normal forwards;
}

@media (prefers-reduced-motion: reduce) {
  .dz-hero-pilula,
  .dz-hero-pilula-pc {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* === DZ: dugme za vrh strane === */
/*
 * Tema u donjem uglu drži plavo dugme za povratak na vrh. Boja je tuđa,
 * ne uklapa se, a na telefonu smeta traci za navigaciju — sklanja se.
 */
#ast-scroll-top {
  display: none !important;
}

/* === DZ: ikonice u pretrazi — bez plave pozadine === */
/*
 * Tema svakom dugmetu daje svoju plavu pozadinu pri prelasku mišem i pri
 * fokusu, a telefon povrh toga crta odsjaj na dodir. Na ikonicama pretrage
 * to izgleda kao greška.
 *
 * Zašto su pravila razdvojena: ako pregledač ne poznaje neku od novijih
 * oznaka (:focus-visible, :focus-within), on odbacuje CELO pravilo u kom
 * se ona nalazi — pa bi zajedno sa njom otpalo i ono za :hover i :focus.
 * Zato osnovna stanja stoje sama za sebe, a novije oznake posebno.
 */
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

html body button.dz-search-icon-btn,
html body [data-dz-search-close],
html body [data-dz-search-mic] {
  background: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

html body button.dz-search-icon-btn:hover,
html body button.dz-search-icon-btn:focus,
html body button.dz-search-icon-btn:active,
html body [data-dz-search-close]:hover,
html body [data-dz-search-close]:focus,
html body [data-dz-search-close]:active,
html body [data-dz-search-mic]:hover,
html body [data-dz-search-mic]:focus,
html body [data-dz-search-mic]:active {
  background: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html body button.dz-search-icon-btn:focus-visible,
html body [data-dz-search-close]:focus-visible {
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* === DZ: ikonice u pretrazi — gašenje same boje teme === */
/*
 * Plava koju tema stavlja na dugmad nije upisana kao boja, nego kao njena
 * promenljiva (--ast-global-color-0, #046bd2). Ovde se ta promenljiva
 * gasi na samim ikonicama pretrage: koje god pravilo teme da pobedi, ono
 * će za boju uzeti ništa.
 *
 * Uz to se crtež × i ikonica mikrofona izričito boje, da ne zavise od
 * pravila dodatka — ako ono kod nekog starijeg pregledača otpadne, crtež
 * bi ostao bele boje i izgubio se na beloj podlozi.
 */
html body button.dz-search-icon-btn,                 /* dz-x-boja-teme */
html body [data-dz-search-close],
html body [data-dz-search-mic] {
  --ast-global-color-0: rgba(0, 0, 0, 0) !important;
  --ast-global-color-1: rgba(0, 0, 0, 0) !important;
  color: #111111 !important;
}

html body button.dz-search-icon-btn svg,
html body [data-dz-search-close] svg,
html body [data-dz-search-mic] svg {
  stroke: #111111 !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
}

/* === DZ: crna traka ispod kratkih strana === */
/*
 * Korenskom elementu je pozadina crna, da se pri odskakanju iznad zaglavlja
 * ne vidi belina. Ali kad je strana kraća od ekrana — recimo pretraga bez
 * rezultata — ispod sadržaja je ostajala crna traka.
 *
 * Telo se zato proteže bar preko celog ekrana, pa belina pokriva sve do
 * dna. Crno ostaje samo tamo gde mu je i mesto: izvan strane, pri
 * odskakanju.
 */
html body {                              /* dz-bela-podloga-strane */
  min-height: 100vh !important;
}

html body {
  min-height: 100svh !important;         /* tačna visina na telefonu */
}