/** Shopify CDN: Minification failed

Line 491:0 Expected "}" to go with "{"

**/
/*section Running Text*/
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.marquee__items--animate {
  -webkit-animation: scroll var(--marquee-duration) linear infinite;
  animation: scroll var(--marquee-duration) linear infinite;
}
.marquee--animation-pause .marquee__items--animate {
  animation-play-state: paused;
}
/*section Running Text*/
/*popup*/
.popup[open="true"] .js-animate {
  transform: translate3d(0, 0px, 0);
  opacity: 1;
}
/*popup*/
/* spiner animation */
.sht-spinner {
  animation: spinner 1s linear infinite;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* spiner animation */
/* cart animation */
@keyframes cartCount {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes cartCountNumber {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* cart animation */
/* fadeUp animation */
@keyframes fadeUp {
  0% {
    transform: translateY(32px);
  }
  100% {
    transform: translateY(0);
  }
}
/* fadeUp animation */

/* Element State */
/*Collapsible Content*/
.accordion__header:hover {
  color: rgb(var(--color-btn-bg-rgb));
}
/*Collapsible Content*/
/*Section Main Product*/
.input--variant:focus-visible + label {
  display: block;
  box-shadow: 0 0 0 2px var(--color-page-bg), 0 0 0 5px rgb(var(--color-btn-bg-rgb));
}
.pickup__availability-info button:hover {
  color: inherit;
}
.featured-product-details .product__title h2:hover {
  color: rgba(var(--color-btn-bg-rgb));
}
/*Section Main Product*/
/*Section Footer*/
.footer__nav__link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
}
/*Section Footer*/
.text-block a:hover,
.rte a:hover {
  color: rgb(var(--color-btn-bg-rgb));
  text-decoration-thickness: 2px;
}
.shopify-challenge__container .shopify-challenge__button:hover,
.btn-primary:hover,
.btn-primary:active {
  box-shadow: 0 0 0 3px rgba(var(--color-btn-bg-rgb), 0.16);
  opacity: 0.8;
}
.btn-secondary:hover,
.btn-secondary:active {
  box-shadow: 0 0 0 1px rgb(var(--color-btn-bg-rgb)), 0 0 0 3px rgba(var(--color-btn-bg-rgb), 0.12);
  opacity: 0.8;
}
.btn-link:hover,
.btn-link:active {
  color: rgba(var(--color-btn-bg-rgb), 0.7);
}
.btn-icon.btn-link:hover,
.btn-icon.btn-link:active {
  background: rgba(var(--color-btn-bg-rgb), 0.04);
}
.btn:focus-visible {
  box-shadow: 0 0 0 1px rgba(var(--color-btn-bg-rgb), var(--alpha, 0.08)), 0 0 0 3px #fff, 0 0 0 6px rgb(var(--color-btn-bg-rgb));
  filter: drop-shadow(0 0 4px rgba(var(--color-btn-bg-rgb), 0.6));
  outline: 0;
}
.btn-secondary:focus-visible {
  --alpha: 0.16;
}
.btn-rounded,
.btn-link:focus-visible {
  border-radius: 0;
}
.field__text:focus {
  box-shadow: 0 0 0 3px rgb(var(--color-btn-bg-rgb));
}
.field__checkbox:checked+svg {
  background: rgb(var(--color-btn-bg-rgb))
}
.field__checkbox:checked + svg path {
  transform: scale(1);
}
.field--hover:hover {
  border-color: rgba(var(--color-btn-bg-rgb), 0.16);
  box-shadow: 0 0 0 3px rgba(var(--color-btn-bg-rgb), 0.16);
}
.field--focus:focus-visible {
  box-shadow: 0 0 0 3px rgb(var(--color-btn-bg-rgb));
  outline: 0;
}
.tag:focus,
.tag:focus-visible,
.tag:hover {
  background: rgba(var(--color-btn-bg-rgb), 0.02);
  border-color: rgba(var(--color-btn-bg-rgb), 0.2);
}
.tag:active {
  background: rgba(var(--color-btn-bg-rgb), 0.06);
  border-color: rgba(var(--color-btn-bg-rgb), 0.2);
}
.tab__link:hover {
  color: rgba(var(--color-btn-bg-rgb));
}
.skip-to-content:focus {
  width: auto !important;
  height: auto !important;
  visibility: visible;
  opacity: 1;
  z-index: 999999;
  top: 10px;
  left: 10px;
  clip: auto !important;
  padding: 10px 20px !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  border-radius: 0;
}
.has-tooltip:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.media-hover-zoomed:hover .media,
.card__media:hover .media {
  transform: scale3d(1.1, 1.1, 1);
  transition: 0.3s var(--timing-function-off);
}
.vs__item.btn-active,
.vs__item:hover,
.vs__item:focus-visible {
  transition: all ease 0.3s;
  box-shadow: inset 0px 0px 0px 1px var(--color-divider), 0px 0px 0px 1px var(--color-page-bg), 0px 0px 0px 2px var(--color-main-accent-bg);
  outline: none;
}
.card--2-images .card__media:hover .product__image-first .media {
  opacity: 0;
}
.card--2-images .card__media:hover .product__image-second .media {
  opacity: 1;
}
.color_variant-list li:hover,
.localization-list li:hover {
  background: rgba(var(--color-normal-text-rgb), 0.02);
}
.header--transparent .menu__link-lv1:hover {
  color: rgb(var(--color-btn-bg-rgb));
}
.header-menu--open:after,
.header--transparent:hover::after {
  display: none;
}
/* === BETVA – micro patch (global) === */

/* 1) Enoten CTA: stiliraj obstoječi hero gumb tudi globalno */
.betva-hero__cta,
.shop-button {
  background: #d4a574; /* barva gumba */
  color: #fff; /* barva teksta */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  border-radius: 12px;
  padding: 12px 28px;
  transition: transform 0.3s ease, background 0.3s ease;
}
.betva-hero__cta:hover,
.shop-button:hover {
  background: #c19660; /* barva ob prehodu */
  transform: translateY(-2px);
}

/* 2) Desktop berljivost: oži blok besedila */
@media (min-width: 990px) {
  .betva-hero__text {
    max-width: 620px;
  }
  .betva-hero__badges {
    margin-bottom: 16px;
  }
  .betva-hero__cta {
    margin-top: 12px;
  }
}

/* 3) Mobile polish */
@media (max-width: 768px) {
  .betva-hero__desc {
    margin-bottom: 18px;
  }
  .betva-hero__badges {
    margin-bottom: 16px;
  }
  .betva-hero__cta {
    padding: 13px 24px;
    font-size: 0.98rem;
  }
  .betva-hero__image img {
    height: 420px;
    object-position: center 12%;
  }
}

/* BETVA Hero optimizacija */
@media (min-width: 990px) {
  .betva-hero__title { line-height: 1.03; letter-spacing: 0; }
  .betva-hero__badges { margin-bottom: 14px; }
  .betva-hero__image img { border-radius: 20px; }
}

@media (max-width: 768px) {
  .betva-hero__title { font-size: 32px; }
  .betva-hero__cta { padding: 12px 22px; font-size: .96rem; }
  .betva-hero__image img { object-position: center 10%; }
}

/* Prenosnik (992–1299 px) */
@media (min-width: 992px) and (max-width: 1299px) {
  .betva-hero__text { max-width: 560px; align-items: flex-start; }
  .betva-hero__cta { margin-top: 10px; }
}

/* Odstrani prazen prostor pod hero */
.template-index main > .shopify-section:first-of-type {
  padding-bottom: 24px;
}/* Bruno image position */
.bruno-image {
  position: relative;
  top: 40px;   /* premik dol */
  left: -30px; /* premik levo */
}
/* ===========================
   BETVA Character Templates
   =========================== */

/* Bruno */
.template-collection.template-suffix--bruno h1,
.template-collection.template-suffix--bruno h2,
.template-collection.template-suffix--bruno .page-title {
  font-size: clamp(28px, 3.2vw, 44px) !important;
  line-height: 1.2 !important;
  margin-bottom: 0.6em !important;
}

.template-collection.template-suffix--bruno .rte p,
.template-collection.template-suffix--bruno .collection-description p {
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.65 !important;
  margin: 0.6em 0 !important;
}

.template-collection.template-suffix--bruno .rte li {
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.65 !important;
  margin: 0.35em 0 !important;
}

.template-collection.template-suffix--bruno a.button,
.template-collection.template-suffix--bruno button,
.template-collection.template-suffix--bruno .btn {
  padding: 14px 22px !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}
/* ==== BRUNO layout: slika zgoraj, tekst pod njo ==== */
@media (min-width: 990px) {
  .template-collection.template-suffix--bruno .image-with-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
  }

  .template-collection.template-suffix--bruno .image-with-text__media,
  .template-collection.template-suffix--bruno .image-with-text .media {
    order: -1 !important;
    margin-bottom: 20px !important;
    width: 100%;
    max-width: 720px;
  }

  .template-collection.template-suffix--bruno .image-with-text__text,
  .template-collection.template-suffix--bruno .image-with-text .content {
    order: 0 !important;
    max-width: 70ch;
    margin: 0 auto 14px auto !important;
  }

  .template-collection.template-suffix--bruno .image-with-text a.button,
  .template-collection.template-suffix--bruno .image-with-text .btn,
  .template-collection.template-suffix--bruno .image-with-text button {
    margin-top: 10px !important;
  }
}
/* ==== BRUNO layout: mobilni popravki ==== */
@media (max-width: 768px) {
  .template-collection.template-suffix--bruno .image-with-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
  }

  /* slika prva */
  .template-collection.template-suffix--bruno .image-with-text__media,
  .template-collection.template-suffix--bruno .image-with-text .media {
    order: -2 !important;
    margin-bottom: 16px !important;
    width: 100%;
    max-width: 480px;
  }

  /* tekst za sliko */
  .template-collection.template-suffix--bruno .image-with-text__text,
  .template-collection.template-suffix--bruno .image-with-text .content {
    order: -1 !important;
    margin: 0 auto 16px auto !important;
    max-width: 90%;
  }

  /* gumb zadnji */
  .template-collection.template-suffix--bruno .image-with-text a.button,
  .template-collection.template-suffix--bruno .image-with-text .btn,
  .template-collection.template-suffix--bruno .image-with-text button {
    order: 0 !important;
    margin-top: 12px !important;
  }
}
/* === Bruno: mobilna verzija (slika zgoraj, potem tekst, potem gumb) === */
@media (max-width: 768px) {
  /* prisilimo flex stolpec */
  .template-collection.template-suffix--bruno .image-with-text {
    display: flex !important;
    flex-direction: column !important;
  }

  /* slika naj bo prva */
  .template-collection.template-suffix--bruno .image-with-text__media {
    order: 1 !important;
    margin-bottom: 16px !important;
  }

  /* tekst naj sledi */
  .template-collection.template-suffix--bruno .image-with-text__text {
    order: 2 !important;
    margin-bottom: 16px !important;
  }

  /* gumb vedno zadnji */
  .template-collection.template-suffix--bruno .image-with-text a.button,
  .template-collection.template-suffix--bruno .image-with-text .btn,
  .template-collection.template-suffix--bruno .image-with-text button {
    order: 3 !important;
    margin-top: 12px !important;
    align-self: center !important; /* gumb na sredino */
  }
}
/* === BRUNO (mobile < 990px): slika zgoraj → tekst → gumb === */
@media (max-width: 989px) {
  /* naredi glavni layout za sekcijo stolpičen */
  .template-collection.template-suffix--bruno .image-with-text,
  .template-collection.template-suffix--bruno .image-with-text__grid,
  .template-collection.template-suffix--bruno .section-image-with-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
  }

  /* slika naj bo prva */
  .template-collection.template-suffix--bruno .image-with-text__media,
  .template-collection.template-suffix--bruno .image-with-text .media {
    order: -1 !important;
    margin-bottom: 16px !important;
    width: 100%;
    max-width: 520px;
  }

  /* besedilo (z gumbom v njem) pride pod sliko */
  .template-collection.template-suffix--bruno .image-with-text__content,
  .template-collection.template-suffix--bruno .image-with-text__text,
  .template-collection.template-suffix--bruno .image-with-text .content {
    order: 0 !important;
    max-width: 90%;
    margin: 0 auto 12px auto !important;
  }
}
/* === BRUNO (mobile < 990px): PRISILNO slika zgoraj === */
@media (max-width: 989px) {
  .template-collection.template-suffix--bruno .image-with-text__media {
    order: -1 !important; /* slika vedno prva */
    margin-bottom: 16px !important;
  }

  .template-collection.template-suffix--bruno .image-with-text__text {
    order: 0 !important; /* besedilo sledi */
    margin-bottom: 16px !important;
    text-align: center;
  }

  .template-collection.template-suffix--bruno .image-with-text__text .button,
  .template-collection.template-suffix--bruno .image-with-text__text .btn {
    display: inline-block;
    margin-top: 12px !important;
  }/* BETVA Mobile Hero Optimizations */
@media screen and (max-width: 749px) {
  .banner__buttons,
  .banner .button,
  a.button {
    position: absolute !important;
    bottom: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 10 !important;
  }
}
  
 
   
  


