/** Shopify CDN: Minification failed

Line 599:27 Expected ":"

**/
/* ===========================================================
   RETRONIUM PRODUCT PAGE – Cinematic Dark Style
   =========================================================== */
.retronium-product {
  background:#0a0a0a;
  color:#fff;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:6rem 2rem;
  overflow:hidden;
}

.retronium-product__grid {
  display:grid;
  grid-template-columns: 1.3fr 1fr;
  align-items:center;
  gap:5rem;
  max-width:1300px;
  width:100%;
  position: relative;
}

/* --- ANIM BASE --- */
@keyframes fadeUp {
  from {opacity:0;transform:translateY(40px);}
  to {opacity:1;transform:translateY(0);}
}
@keyframes slideInRight {
  from {opacity:0;transform:translateX(40px);}
  to {opacity:1;transform:translateX(0);}
}

/* --- MEDIA --- */
.retronium-product__media {
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  perspective:1200px;
  animation:fadeUp 1s ease forwards;
}
.retronium-product__media img,
.retronium-product__media video {
  width:100%;
  height:auto;
  border-radius:8px;
  object-fit:cover;
  box-shadow: 0 0 40px rgba(0,0,0,0.6);
  transform-style:preserve-3d;
  transition: transform .6s ease,box-shadow .4s ease,filter .4s ease;
}
.retronium-product__media img:hover {
  transform:scale(1.03) rotateX(3deg) rotateY(2deg);
  box-shadow:0 15px 40px rgba(230,57,70,0.35);
  filter:brightness(1.05);
}

/* --- DETAILS --- */
.retronium-product__details {
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  justify-content:center;
  opacity:0;
  animation:slideInRight 1s ease .3s forwards;
}

.retronium-product__title {
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.05em;
  font-size:clamp(2rem,4vw,2.8rem);
  line-height:1.1;
  position: relative;
}
.retronium-product__title::after {
  content:'';
  position:absolute;
  left:0;
  bottom:-8px;
  width:60px;
  height:2px;
  background:#e63946;
}

.retronium-product__price {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:1.5rem;
  color:#e63946;
  text-shadow:0 0 12px rgba(230,57,70,0.3);
}

.retronium-product__price--compare {
  color:#777;
  text-decoration:line-through;
  margin-left:.5rem;
  font-size:1rem;
}

.retronium-product__description {
  font-family:'Inter',sans-serif;
  color:#bbb;
  line-height:1.7;
  font-size:1rem;
  max-width:500px;
  animation:fadeUp 1s ease .6s backwards;
}

/* --- FORM --- */
.retronium-product__form {
  display:flex;
  flex-direction:column;
  gap:1rem;
  width:100%;
  max-width:360px;
}

.retronium-product__form label {
  font-family:'Inter',sans-serif;
  font-size:.9rem;
  color:#888;
}
.retronium-product__form input,
.retronium-product__form select {
  width:100%;
  background:#141414;
  border:1px solid rgba(255,255,255,0.1);
  color:#fff;
  border-radius:4px;
  padding:.6rem 1rem;
  font-family:'Inter',sans-serif;
  transition:border-color .3s ease,background .3s ease;
}
.retronium-product__form input:focus,
.retronium-product__form select:focus {
  border-color:#e63946;
  background:#1a1a1a;
}
.retronium-product__form button {
  background:#e63946;
  border:none;
  color:#fff;
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.05em;
  border-radius:4px;
  padding:1rem 2rem;
  cursor:pointer;
  transition:transform .3s,background .3s,box-shadow .3s;
}
.retronium-product__form button:hover {
  background:#b4232d;
  transform:translateY(-3px);
  box-shadow: 0 0 25px rgba(230, 57, 70, 0.25);
}
.retronium-product__form button:disabled {
  background:#333;
  color:#777;
  cursor:not-allowed;
}

/* --- ANIM vstupy --- */
.fade-up { animation:fadeUp 1s ease forwards; opacity:0; }
.slide-in { animation:slideInRight 1s ease forwards; opacity:0; }

/* --- Responsive --- */
@media (max-width:992px) {
  .retronium-product__grid {
    grid-template-columns:1fr;
    gap:3rem;
    text-align:center;
  }
  .retronium-product__details {
    align-items:center;
  }
}
.retronium-product__media img {
  width: 100%;
  height: auto;
  max-width: 800px;
  object-fit: contain;
  border-radius: 8px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  backface-visibility: hidden;
  transform: translateZ(0); /* lepší antialiasing */
}
/* ===========================================================
   RETRONIUM PRODUCT PAGE — COMPACT GRID FIXED TOP
   =========================================================== */

.retronium-product {
  background: #0a0a0a;
  color: #fff;
  padding: 5rem 2rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.retronium-product__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 4rem;
  max-width: 1200px;
  width: 100%;
  align-items: flex-start;
}

/* --- MEDIA --- */
.retronium-product__media {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.retronium-product__media img,
.retronium-product__media video {
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
  object-fit: contain;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
  transition: transform 0.4s ease, filter 0.4s ease;
  image-rendering: -webkit-optimize-contrast;
}

.retronium-product__media img:hover {
  transform: scale(1.02);
  filter: brightness(1.1);
}

/* --- DETAILS --- */
.retronium-product__details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* nahoru vpravo */
  gap: 1.25rem;
}

.retronium-product__title {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  margin-bottom: 0.5rem;
  line-height: 1.1;
}

.retronium-product__price {
  font-family: 'Barlow Condensed', sans-serif;
  color: #e63946;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.retronium-product__price--compare {
  color: #777;
  text-decoration: line-through;
  font-size: 1rem;
  margin-left: 0.5rem;
}

.retronium-product__description {
  font-family: 'Inter', sans-serif;
  color: #aaa;
  line-height: 1.7;
  font-size: 1rem;
  max-width: 480px;
}

/* --- FORM --- */
.retronium-product__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
  max-width: 360px;
}

.retronium-product__form label {
  font-family: 'Inter', sans-serif;
  color: #999;
  font-size: 0.9rem;
}

.retronium-product__form input,
.retronium-product__form select {
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  border-radius: 4px;
  padding: 0.7rem 1rem;
  font-family: 'Inter', sans-serif;
  transition: border 0.3s ease, background 0.3s ease;
}

.retronium-product__form input:focus,
.retronium-product__form select:focus {
  border-color: #e63946;
  background: #1a1a1a;
}

.retronium-product__form button {
  background: #e63946;
  border: none;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 4px;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.retronium-product__form button:hover {
  background: #b4232d;
  transform: translateY(-2px);
  box-shadow: 0 0 15px rgba(230, 57, 70, 0.3);
}

.retronium-product__form button:disabled {
  background: #333;
  color: #777;
  cursor: not-allowed;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
  .retronium-product__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    text-align: center;
  }

  .retronium-product__media img {
    max-width: 350px;
    margin: 0 auto;
  }

  .retronium-product__details {
    align-items: center;
  }
}
/* ===================================================
   RETRONIUM PRODUCT – GALLERY + INFO (Fold Layout)
   =================================================== */

.retronium-product {
  background: #0a0a0a;
  color: #fff;
  padding: 5rem 2rem 6rem;
  display: flex;
  justify-content: center;
}

.retronium-product__container {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 4rem;
  max-width: 1300px;
  width: 100%;
  align-items: flex-start;
}

/* ========== LEVÁ STRANA ========== */
.retronium-product__main {
  position: relative;
  overflow: hidden;
}

.retronium-product__image {
  width: 100%;
  max-width: 560px;
  height: auto;
  border-radius: 8px;
  object-fit: contain;
  transition: transform 0.5s ease, filter 0.5s ease;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  image-rendering: -webkit-optimize-contrast;
}

.retronium-product__image:hover {
  transform: scale(1.03);
  filter: brightness(1.1);
}

/* Miniatury */
.retronium-product__thumbs {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.retronium-product__thumb {
  width: 80px;
  height: 80px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease, transform 0.3s ease;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.retronium-product__thumb:hover {
  opacity: 1;
  transform: scale(1.05);
}

.retronium-product__thumb.is-active {
  opacity: 1;
  border-color: #e63946;
}

/* ========== PRAVÁ STRANA ========== */
.retronium-product__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.25rem;
}

.retronium-product__title {
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.05em;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  margin-bottom: 0.25rem;
}

.retronium-product__price {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  color: #e63946;
  font-size: 1.4rem;
}

.retronium-product__price--compare {
  color: #777;
  text-decoration: line-through;
  font-size: 1rem;
  margin-left: 0.4rem;
}

.retronium-product__description {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  color: #aaa;
  line-height: 1.7;
  max-width: 500px;
}

/* === Form === */
.retronium-product__form {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  margin-top: 1rem;
  max-width: 360px;
}

.retronium-product__form label {
  font-family: 'Inter', sans-serif;
  color: #888;
  font-size: 0.85rem;
}

.retronium-product__form input,
.retronium-product__form select {
  width: 100%;
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  border-radius: 4px;
  padding: 0.7rem 1rem;
  font-family: 'Inter', sans-serif;
  transition: all 0.3s ease;
}

.retronium-product__form input:focus,
.retronium-product__form select:focus {
  border-color: #e63946;
  background: #1a1a1a;
}

.retronium-product__form button {
  background: #e63946;
  border: none;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 4px;
  padding: 1rem 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.retronium-product__form button:hover {
  background: #b4232d;
  transform: translateY(-2px);
  box-shadow: 0 0 15px rgba(230, 57, 70, 0.3);
}

.retronium-product__form button:disabled {
  background: #333;
  color: #777;
}

/* === Responsive === */
@media (max-width: 992px) {
  .retronium-product__container {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 2rem;
  }
  .retronium-product__image {
    max-width: 380px;
    margin: 0 auto;
  }
  .retronium-product__right {
    align-items: center;
  }
  .retronium-product__thumbs {
    justify-content: center;
  }
}
/* =====================================================
   RETRONIUM PRODUCT — Animated Hero Fold
   ===================================================== */
.retronium-product {
  background:#0a0a0a;
  color:#fff;
  padding:5rem 2rem;
  display:flex;
  justify-content:center;
}
.retronium-product__container {
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:4rem;
  max-width:1300px;
  width:100%;
  align-items:flex-start;
  position:relative;
}

/* === LEFT === */
.retronium-product__main {
  position:relative;
  overflow:hidden;
}
.retronium-product__image {
  width:100%;
  max-width:580px;
  object-fit:contain;
  border-radius:8px;
  transition:opacity .5s ease,transform .6s ease;
  box-shadow:0 0 40px rgba(0,0,0,.6);
  opacity:0;
}
.retronium-product__image.active {opacity:1;}
.retronium-product__image:hover {transform:scale(1.02);}
.retronium-product__thumbs {
  display:flex;gap:.7rem;margin-top:1rem;flex-wrap:wrap;
}
.retronium-product__thumb {
  width:80px;height:80px;cursor:pointer;
  object-fit:cover;border-radius:4px;
  opacity:.6;transition:.3s;border:1px solid rgba(255,255,255,.1);
}
.retronium-product__thumb:hover{opacity:1;transform:scale(1.05);}
.retronium-product__thumb.is-active{opacity:1;border-color:#e63946;}

/* Arrows */
.retronium-arrow {
  position:absolute;top:50%;transform:translateY(-50%);
  font-size:2.5rem;background:none;border:none;
  color:rgba(255,255,255,.6);cursor:pointer;
  transition:.3s ease;color;
  z-index:5;
}
.arrow--left{left:.3rem;}
.arrow--right{right:.3rem;}
.retronium-arrow:hover{color:#e63946;transform:translateY(-50%) scale(1.1);}

/* Zoom lens */
.retronium-zoom {
  position:absolute;inset:0;
  background:transparent;
}

/* === RIGHT === */
.retronium-product__right {
  display:flex;flex-direction:column;justify-content:flex-start;
  gap:1.2rem;
}
.retronium-product__title {
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;font-weight:800;
  font-size:clamp(1.8rem,4vw,2.6rem);
  letter-spacing:.05em;position:relative;
  animation:fadeUp .7s ease both;
}
.retronium-product__price {
  font-family:'Barlow Condensed',sans-serif;
  color:#e63946;font-weight:700;font-size:1.4rem;
  text-shadow:0 0 12px rgba(230,57,70,.3);
  animation:glowIn 1.4s ease both;
}
.retronium-product__price--compare {
  color:#777;text-decoration:line-through;margin-left:.4rem;font-size:1rem;
}

.retronium-product__form {
  display:flex;flex-direction:column;gap:1rem;
  max-width:360px;animation:popIn .8s ease both;
}
.retronium-product__form label {
  font-family:'Inter',sans-serif;color:#999;font-size:.9rem;
}
.retronium-product__form input,
.retronium-product__form select {
  background:#141414;border:1px solid rgba(255,255,255,.15);
  color:#fff;border-radius:4px;padding:.7rem 1rem;
  font-family:'Inter',sans-serif;transition:.3s;
}
.retronium-product__form input:focus,
.retronium-product__form select:focus {
  border-color:#e63946;background:#1a1a1a;
}
.retronium-product__form button {
  background:#e63946;color:#fff;border:none;
  border-radius:4px;padding:1rem;font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;font-weight:700;letter-spacing:.1em;
  font-size:1.05rem;cursor:pointer;transition:all .3s;
}
.retronium-product__form button:hover {
  background:#b4232d;transform:translateY(-2px);
  box-shadow:0 0 15px rgba(230,57,70,.3);
}
.retronium-product__form button:disabled {
  background:#333;color:#777;cursor:not-allowed;
}

.retronium-product__description {
  font-family:'Inter',sans-serif;color:#aaa;
  font-size:1rem;line-height:1.7;
  max-width:500px;animation:fadeUp 1s ease both;
}

/* === Animations === */
@keyframes fadeUp {from{opacity:0;transform:translateY(25px);}to{opacity:1;transform:none;}}
@keyframes slideIn {from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:none;}}
@keyframes popIn {0%{opacity:0;transform:scale(.95);}100%{opacity:1;transform:scale(1);}}
@keyframes glowIn {0%{opacity:0;text-shadow:none;}100%{opacity:1;text-shadow:0 0 20px rgba(230,57,70,.4);}}

/* Responsive */
@media(max-width:992px){
  .retronium-product__container{grid-template-columns:1fr;gap:2rem;text-align:center;}
  .retronium-product__image{max-width:360px;margin:0 auto;}
  .retronium-product__right{align-items:center;}
  .retronium-product__thumbs{justify-content:center;}
}
.retro-lightbox{
  position:fixed;inset:0;
  background:rgba(0,0,0,.85);
  display:flex;justify-content:center;align-items:center;
  opacity:0;visibility:hidden;
  transition:opacity .3s ease;
  z-index:9999;
}
.retro-lightbox.open{opacity:1;visibility:visible;}
.retro-lightbox img{
  max-width:90vw;max-height:90vh;
  border-radius:6px;
  box-shadow:0 0 40px rgba(0,0,0,.8);
  animation:zoomIn .3s ease;
}
@keyframes zoomIn{from{transform:scale(.9);opacity:0;}to{transform:scale(1);opacity:1;}}
/* === Lightbox === */
.retro-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease;
  z-index: 9999;
}
.retro-lightbox.open {
  opacity: 1;
  visibility: visible;
}
.retro-lightbox img {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 8px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
  animation: zoomIn 0.4s ease;
}
.retro-lightbox__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: rgba(0,0,0,0.5);
  border: none;
  color: #fff;
  font-size: 2.2rem;
  cursor: pointer;
  transition: color 0.3s ease, transform 0.3s ease;
}
.retro-lightbox__close:hover {
  color: #e63946;
  transform: scale(1.15);
}
@keyframes zoomIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}


/* === Product grid — jedna obrazovka === */
.retronium-product {
  background: #0a0a0a;
  color: #fff;
  min-height: 100vh;
  padding: 4rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.retronium-product__container {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 4rem;
  max-width: 1300px;
  width: 100%;
  height: auto;
  align-items: center;
}
.retronium-product__image {
  max-height: 70vh;
  object-fit: contain;
}
.retronium-product__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 70vh;
  overflow-y: auto;
}
.retronium-product__description {
  overflow-y: auto;
  max-height: 30vh;
}

/* menší mobily */
@media (max-width: 992px) {
  .retronium-product__container {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 2rem;
  }
  .retronium-product__image {
    max-width: 90vw;
    max-height: 50vh;
    margin: 0 auto;
  }
  .retronium-product__right {
    align-items: center;
    max-height: none;
  }
}