/* ============================================
   ALAP: HÁTTÉR, FONTOK, ARANY SZÖVEG
   ============================================ */

/* Teljes oldal háttér – animált Star Wars bg */
body {
  background-image: url("https://ragesaberss.myshoprenter.hu/custom/ragesaberss/image/data/Background/bg.gif") !important;
  background-position: center top !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
  background-size: auto !important;
  background-color: #000 !important;
  color: #FFD700 !important;
}

/* Sablon fehér háttereinek eltüntetése */
#wrapper,
.site,
.main,
.page-container,
.container,
.content-wrapper,
.main-content,
.product-list-wrapper,
.category-products,
.products-wrapper {
  background: transparent !important;
}

/* Csillagos overlay (finom) */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(2px 2px at 20% 30%, white, transparent),
    radial-gradient(2px 2px at 60% 70%, white, transparent),
    radial-gradient(1px 1px at 50% 50%, white, transparent),
    radial-gradient(1px 1px at 80% 10%, white, transparent),
    radial-gradient(2px 2px at 90% 60%, white, transparent),
    radial-gradient(1px 1px at 33% 80%, white, transparent),
    radial-gradient(1px 1px at 15% 90%, white, transparent);
  background-size: 200% 200%;
  background-position: 0% 0%;
  animation: starMove 200s linear infinite;
  opacity: 0.4;
  pointer-events: none;
  z-index: 0;
}

@keyframes starMove {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}

/* STAR JEDI FONT – CÍMSOROKHOZ */
@font-face {
  font-family: 'StarJedi';
  src: url('https://cdn.jsdelivr.net/gh/akzhy/fonts@master/Starjedi/Starjedi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* ====== Csak a H1 legyen StarJedi, minden más marad a jelenlegi fonton ====== */
/* Csak a fejléc RAGESABERS felirat legyen Star Wars betűtípus */
.store-name,
.header-logo-text,
.header-logo .store-name,
.site-logo .store-name {
    font-family: 'StarJedi', sans-serif !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FFD700 !important;
}

/* LOGÓ / CÍMSOR – Star Wars betűtípus */
h1.logo-text,
.store-name,
.header-logo,
.site-logo,
.logo-text {
    font-family: 'Star Jedi', sans-serif !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFD700 !important;
}

/* Csak H1 címsor – Star Wars stílus */
h1,
.header-logo h1,
.logo-text h1 {
  font-family: 'StarJedi', sans-serif !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #FFD700 !important;
}
/* Minden alap szöveg Ariel */
body, p, a, li, span, div, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif !important;
}

/* Font reset: ne változtasson semmit máson */
h2, h3, h4, h5, h6,
body, p, a, span, li, div, button, input, textarea, select {
  font-family: inherit !important; /* örökli az eredeti betűtípust */
}

/* Általános szöveg – arany */
body,
body * {
  font-family: 'ModernFont', Arial, sans-serif;
  color: #FFD700;
}

/* Linkek – arany */
a, a:visited, a:hover, a:active {
  color: #FFD700 !important;
  text-decoration: none;
}

/* ============================================
   TERMÉK GRID + KÁRTYÁK – STAR WARS STÍLUS
   ============================================ */

/* Terméklista hátterek átlátszóbbak */
.category-product,
.product-list,
.product-grid,
.products,
.product-wrapper {
  background: transparent !important;
}

/* TERMÉK GRID LAYOUT */
.products-grid,
.product-grid,
.category-product .product-list,
.product-list,
.products-list,
.row.product-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
  gap: 2rem !important;
  padding: 2rem 0 !important;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .products-grid,
  .product-grid,
  .category-product .product-list,
  .product-list,
  .products-list,
  .row.product-list {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 1rem 0 !important;
  }
}

/* ALAP TERMÉKKÁRTYA BOX */
.category-product .product,
.product-list .product,
.product-item,
.product-box,
.product,
.product-card,
.item {
  background: linear-gradient(145deg, #050505, #151515) !important;
  border: 2px solid #333 !important;
  border-radius: 14px !important;
  padding: 18px 18px 20px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7) !important;
  transition: all 0.3s ease !important;
}

/* Hover – kék kontúr */
.category-product .product:hover,
.product-list .product:hover,
.product-item:hover,
.product-box:hover,
.product:hover,
.product-card:hover,
.item:hover {
  border-color: #00d4ff !important;
  box-shadow: 0 0 30px rgba(0, 212, 255, 0.4) !important;
  transform: translateY(-4px) !important;
}

/* KÉPTERÜLET */
.product .image,
.product .product-image,
.product-box .image,
.product-item .image,
.product-picture,
.product-image-wrapper,
.product-image,
.product-img,
.product-thumbnail,
.image-wrapper {
  background: radial-gradient(circle at top, #202020 0%, #050505 60%) !important;
  padding: 16px !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.product .image img,
.product-box .image img,
.product-item .image img,
.product-picture img,
.product-image-wrapper img,
.product-image img,
.product-img img,
.product-thumbnail img {
  max-width: 90% !important;
  max-height: 200px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 16px rgba(0, 212, 255, 0.45)) !important;
  transition: transform 0.3s ease !important;
}

.category-product .product:hover .image img,
.product-box:hover .image img,
.product:hover .image img,
.product-item:hover .image img {
  transform: scale(1.03) !important;
}

/* CÍM – FŐ TERMÉKNÉV */
.product-name,
.product-name a,
.product-box .name,
.product .name,
.product-title,
.product-title a,
.product-item h3,
.product-item h4,
.product-box h3,
.product-box h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  margin-bottom: 4px !important;
  color: #FFFFFF !important;
}

/* Rövid leírás / kiegészítő info */
.product-params,
.product-attributes,
.product-info,
.product-short-desc,
.product-description,
.product-desc,
.description,
.short-description {
  font-size: 13px !important;
  color: #AAAAAA !important;
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
}

/* “Sith / Jedi” badge pozíció */
.product .labels,
.product .product-labels,
.product .product-flags,
.product .category,
.product-category-label,
.product-label,
.label {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 2 !important;
}

/* Alap badge stílus */
.product .labels span,
.product .product-labels span,
.product .product-flags span,
.product-category-label span,
.product-label span,
.label span {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  background: radial-gradient(circle at top left, #444 0%, #111 70%) !important;
  border: 1px solid rgba(255, 184, 0, 0.5) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) !important;
}

/* Új / Akció badge – piros / kék */
.badge-new,
.new-label,
.label-new {
  background: linear-gradient(135deg, #00d4ff, #0088ff) !important;
}

.badge-sale,
.sale-label,
.label-sale,
.discount-badge,
.sale-percentage,
.discount-label {
  background: #ff0000 !important;
  color: #fff !important;
  padding: 8px 12px !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  min-width: 50px !important;
  text-align: center !important;
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  box-shadow: 0 2px 10px rgba(255, 0, 0, 0.5) !important;
  z-index: 2 !important;
}

/* ÁR BLOKK – JÓL LÁTHATÓ ARANY, NEM ÁTLÁTSZÓ! */
.product-price,
.price,
.product-item .price,
.price-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 16px 0 !important;
  padding: 12px 0 !important;
  border-top: 1px solid #333 !important;
  border-bottom: 1px solid #333 !important;
}

/* Aktuális ár */
.product-price .price-new,
.product-price .price-current,
.price-new,
.current-price,
.price-value {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #FFD700 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #FFD700 !important;
}

/* Régi ár */
.product-price .price-old,
.price-old,
.old-price {
  color: #888888 !important;
  font-size: 14px !important;
  text-decoration: line-through !important;
  margin-right: 10px !important;
}

/* KÉSZLET / STÁTUSZ */
.availability,
.stock,
.stock-info,
.product-stock,
.stock-status,
.in-stock,
.out-of-stock {
  font-size: 11px !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
  color: #00FF88 !important;
}

.availability::before,
.stock::before,
.product-stock::before,
.stock-status::before,
.in-stock::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #00FF88 !important;
  box-shadow: 0 0 8px rgba(0, 255, 136, 0.7) !important;
}

.out-of-stock {
  color: #FF4444 !important;
}

.out-of-stock::before {
  background: #FF4444 !important;
}

/* GOMBCSOPORT */
.product .buttons,
.product-box .buttons,
.product .actions,
.product-actions,
.product .btn-group {
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

/* KOSÁR GOMB – SW KÉK */
.product .btn-cart,
.product-box .btn-cart,
.toCart,
button.btn-primary,
.btn-add-to-cart,
.add-to-cart,
.button-cart,
.btn-buy,
.product-button,
.btn {
  flex: 1;
  background: linear-gradient(135deg, #00D4FF, #0088FF) !important;
  color: #000000 !important;
  border: none !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(0, 212, 255, 0.35) !important;
  text-align: center !important;
}

.product .btn-cart:hover,
.product-box .btn-cart:hover,
.toCart:hover,
button.btn-primary:hover,
.btn-add-to-cart:hover,
.add-to-cart:hover,
.button-cart:hover,
.btn-buy:hover,
.product-button:hover,
.btn:hover {
  box-shadow: 0 6px 25px rgba(0, 212, 255, 0.6) !important;
  transform: translateY(-2px) !important;
  color: #000000 !important;
}

/* Kedvencek gomb – kis négyzet */
.product .btn-wishlist,
button.btn-secondary,
.btn-wishlist,
.wishlist-button,
.add-to-wishlist {
  width: 44px !important;
  border-radius: 8px !important;
  border: 1px solid #333 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #00D4FF !important;
  font-size: 18px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product .btn-wishlist:hover,
button.btn-secondary:hover,
.btn-wishlist:hover,
.wishlist-button:hover,
.add-to-wishlist:hover {
  border-color: #00D4FF !important;
  background: rgba(0, 212, 255, 0.12) !important;
}

/* ============================================
   EGYÉB ELEMEK (SZŰRŐ, LAPOZÓ, MODAL, REVIEW)
   ============================================ */

.filter-wrapper,
.sorting-wrapper,
.toolbar {
  background: rgba(26, 26, 26, 0.8) !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  padding: 15px !important;
  margin-bottom: 30px !important;
}

.filter-title,
.sort-label {
  color: #00D4FF !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

/* Lapozás */
.pagination {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 40px 0 !important;
  padding: 20px !important;
}

.pagination a,
.pagination span {
  background: rgba(26, 26, 26, 0.8) !important;
  border: 1px solid #333 !important;
  color: #00D4FF !important;
  padding: 10px 15px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.pagination a:hover,
.pagination .active {
  background: rgba(0, 212, 255, 0.2) !important;
  border-color: #00D4FF !important;
  box-shadow: 0 0 15px rgba(0, 212, 255, 0.3) !important;
}

/* Kosár értesítés */
.added-to-cart-popup,
.cart-notification {
  background: linear-gradient(135deg, #00D4FF, #0088FF) !important;
  color: #000 !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0, 212, 255, 0.5) !important;
}

/* Gyorsnézet modal */
.quickview-modal,
.product-modal {
  background: rgba(0, 0, 0, 0.95) !important;
  border: 2px solid #00D4FF !important;
}

.modal-content {
  background: linear-gradient(145deg, #0A0A0A, #1A1A1A) !important;
  border: 2px solid #333 !important;
}

/* Review boxok */
.reviews-section,
.product-reviews {
  background: rgba(26, 26, 26, 0.5) !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin-top: 20px !important;
}

.review-item {
  border-bottom: 1px solid #333 !important;
  padding: 15px 0 !important;
}

.review-author {
  color: #00D4FF !important;
  font-weight: 700 !important;
}

.review-text {
  color: #AAAAAA !important;
}
/* === TERMÉK GRID SZÉLESÍTÉS – NE TÖRJÖN CSÚNYÁN A SZÖVEG === */
.products-grid,
.product-grid,
.category-product .product-list,
.product-list,
.products-list,
.row.product-list {
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)) !important;
}
/* === EGYSÉGES BETŰTÍPUSOK – STAR WARS VIBE, DE NEM KÁOSZ === */

/* 1) Címsorok + logó: StarJedi (SW hangulat) */
h1, h2, h3, h4, h5, h6,
.header-logo,
.site-logo,
.logo,
.store-name,
h1.logo-text {
  font-family: 'StarJedi', sans-serif !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* 2) Minden más szöveg: egységes, letisztult body font */
body,
p,
a,
li,
span,
div,
input,
select,
textarea,
button,
.product-name,
.product-description,
.product-short-desc,
.product-params,
.price,
.product-price,
.availability,
.stock,
.product-stock {
  font-family: Arial, sans-serif !important;
}
/* === TERMÉKKÁRTYA SZÉLESÍTÉS – KATEGÓRIA OLDAL === */

/* A grid szélesebbre állítása */
.products-grid,
.product-grid,
.product-list,
.category-product .product-list,
.row {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)) !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Termékkártya – minimum szélesség nagyobb legyen */
.product,
.product-box,
.product-item {
    min-width: 380px !important;
}

/* Képtartó szélesítése */
.product .image,
.product .product-image,
.product-item .image,
.product-box .image {
    max-width: 100% !important;
    width: 100% !important;
}

/* Címsor ne törjön feleslegesen */
.product-name,
.product-name a {
    white-space: normal !important;
    word-break: keep-all !important;
}

/* Árak és gombok szépen férjenek el */
.product-price,
.price,
.current-price {
    display: block !important;
    text-align: left !important;
}

.product .btn-cart,
.product .buttons,
.product .btn-group {
    width: 100% !important;
}
/* Duelist / Párbaj kategóriában legyenek extra széles kártyák */
.category-duelist .product-list .col-lg-3,
.category-parbaj .product-list .col-lg-3 {
  width: 50% !important; /* 2 oszlop */
}

.category-duelist .product-list .product,
.category-parbaj .product-list .product {
  min-height: 360px !important;
}
/* Kategóriaoldali termékrács javítása */
.category-products .row,
.product-list,
.products-wrapper .row,
.product-list-wrapper .row {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)) !important;
    gap: 30px !important;
}

/* Termékkártya fix szélesség */
.category-products .product-item,
.category-products .product-box,
.category-products .col-product,
.product-list .product-item {
    width: 100% !important;
    max-width: unset !important;
}
/* ==== KATEGÓRIAOLDALI TERMÉKEK SZÉLESÍTÉSE ==== */

/* A ShopRenter "sorát" flex-gridre állítjuk */
.category-products .row,
.product-list-wrapper .row,
.products-wrapper .row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px !important;
}

/* Minden közvetlen gyerek (a termékkártya oszlop) szélessége */
.category-products .row > *,
.product-list-wrapper .row > *,
.products-wrapper .row > * {
  flex: 0 1 280px !important;   /* kb. 280px széles kártya */
  max-width: 300px !important;
}

/* Mobilon legyen egy oszlop */
@media (max-width: 768px) {
  .category-products .row > *,
  .product-list-wrapper .row > *,
  .products-wrapper .row > * {
    flex: 0 1 100% !important;
    max-width: 100% !important;
  }
}

/* A termék neve ne tördelődjön hülyén */
.product-name,
.product-name a,
.product-box .name,
.product .name {
  white-space: normal !important;
  word-break: normal !important;
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
}
/* ==== DUELIST / DESIGN / REPLIKA TERMÉKEK SZÉLESÍTÉSE ==== */

/* Terméklista – szélesebb layout */
.category-products .product-list,
.product-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 30px !important;
}

/* Egyes termékkártyák szélesítése */
.product-list .col-xs-12,
.product-list .col-sm-6,
.product-list .col-md-4,
.product-list .col-lg-3 {
    float: none !important;
    width: auto !important;
    max-width: 360px !important;   /* nagyobb szélesség */
    flex: 0 1 330px !important;
    margin: 0 15px !important;
}

/* A termékdoboz fix szélesítése */
.product-item,
.product-box,
.product,
.col-product {
    width: 100% !important;
    max-width: 360px !important;
}
/* ===== TERMÉK RÉSZLETEK / VILLÁMNÉZET FEKETE HÁTTÉR ===== */

/* Mindenféle modal / popup hátterének sötétítése */
.fancybox-overlay,
.fancybox-skin,
.fancybox-inner,
.fancybox-wrap,
.modal-backdrop,
.modal,
.modal-dialog,
.modal-content,
.quickview-modal,
.quickview-modal .modal-dialog,
.quickview-modal .modal-content {
    background: rgba(0, 0, 0, 0.96) !important;
    color: #FFD700 !important;
}

/* A belső termék-blokk (ahol a kép, ár, leírás van) legyen fekete */
.product-view,
.product-page,
.product-main,
.product-details,
.product-info,
.product-info-main,
.product-essential,
.product-shop,
.product-shop .box-info,
.product-shop .box,
.product-page .product,
.product-page .product-main,
.product-quickview,
.product-quickview .product-view,
.product-quickview .product-info,
.product-quickview .product-details {
    background: #000000 !important;
    color: #FFD700 !important;
}

/* Címek, árak, leírás színe */
.product-view h1,
.product-view h2,
.product-view h3,
.product-page h1,
.product-page h2,
.product-page h3,
.product-view p,
.product-page p,
.product-view .price,
.product-page .price,
.product-view .product-name,
.product-page .product-name {
    color: #FFD700 !important;
}

/* Kép mögötti panel is legyen fekete, ne fehér */
.product-view .product-img-box,
.product-page .product-img-box,
.product-view .product-image,
.product-page .product-image,
.product-view .images,
.product-page .images {
    background: #000000 !important;
}

/* Ha a modalben külön “content” vagy “body” blokk van */
.modal-body,
.modal-body .product-view,
.modal-body .product-page {
    background: #000000 !important;
    color: #FFD700 !important;
}
/* ===== KOSÁR OLDAL NAGY FEHÉR HÁTTÉR JAVÍTÁSA ===== */

/* nagy kosárpanel + oldal tartalom */
body #cart,
body .cart,
body .cart-page,
body .cart_page,
body .page-cart,
body .basket,
body #basket,
body .basket-page,
body .basket_page,
body #content,
body .content,
body .site-content,
body .page,
body .page-body,
body .page-content,
body .main,
body .main-content {
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* belső tartalom átlátszó legyen, ne hozzon vissza fehéret */
body #cart *,
body .cart *,
body .basket *,
body #basket *,
body .cart-page *,
body .basket-page *,
body .page-cart * {
    background-color: transparent !important;
}

/* "KOSÁR" cím és üzenetek színe */
body #cart h1,
body .cart h1,
body .cart-page h1,
body .basket-page h1,
body .page-cart h1,
body .empty-cart,
body .cart-empty,
body .basket-empty,
body .cart-empty-message {
    color: #FFD700 !important;
}
/* === KOSÁR OLDAL FEHÉR HÁTTERÉNEK KIÜTÉSE === */

/* Alap dobozok – a nagy fehér blokk is ilyen szokott lenni */
.box,
.box-inner,
.cart-box,
.cart-content,
.cart-main,
.cart-wrapper,
.cart-page,
.page-cart,
.page-cart .box,
.page-cart .box-inner {
  background: #000 !important;
  border-color: #333 !important;
}

/* Ha a kosár üres, annak a doboza is legyen fekete */
.empty-cart,
.empty-cart-box,
.kosarUres,
.cart-empty,
#empty-cart,
#cart-empty {
  background: #000 !important;
  border: none !important;
  box-shadow: none !important;
}

/* A kosár oldalon belüli minden sima fehér blokk legyen átlátszó/fekete */
.page-cart * ,
.cart-page * ,
.cart-wrapper * {
  background-color: transparent !important;
}

/* Kosár táblázatok, ha vannak */
.cart-table,
.cart-table th,
.cart-table td {
  background: transparent !important;
}
/* ===== KOSÁR OLDAL FEHÉR HÁTTÉR KIÜTÉSE – BRUTÁL MÓD ===== */

/* 1) Maga a kosár oldal konténer legyen fekete */
body.cart,
body.page-cart,
body.kosar,
body[class*="cart"] ,
body[class*="basket"] {
  background-color: #000 !important;
}

/* 2) A kosár oldalon levő nagy dobozok kapjanak fekete hátteret */
body[class*="cart"] .box,
body[class*="cart"] .box-inner,
body[class*="cart"] .cart-box,
body[class*="cart"] .cart-content,
body[class*="cart"] .cart-main,
body[class*="cart"] .cart-wrapper,
body[class*="cart"] .page-cart,
body[class*="cart"] .content-box,
body[class*="cart"] .module,
body[class*="cart"] .module-inner {
  background-color: #000 !important;
  border-color: #333 !important;
}

/* 3) Üres kosár üzenet háttere is legyen fekete / átlátszó */
body[class*="cart"] .empty-cart,
body[class*="cart"] .cart-empty,
body[class*="cart"] #empty-cart,
body[class*="cart"] #cart-empty {
  background-color: #000 !important;
  box-shadow: none !important;
  border: none !important;
}

/* 4) Ha bármi más nagy fehér panel maradna a kosár oldalon,
      átlátszóvá tesszük */
body[class*="cart"] div,
body[class*="cart"] section,
body[class*="cart"] article,
body[class*="cart"] main {
  background-color: transparent !important;
}
/* ====== KOSÁRBA TÉTEL FELUGRÓ ABLAK FEHÉR HÁTTÉR FIX ====== */

/* Fő kosár értesítő popup */
.cart-notification,
.added-to-cart-popup,
.ajax-cart-box,
.ajax_cart_box,
.cart-popup,
.product-added {
  background-color: #000 !important;
  border: 1px solid #333 !important;
  color: #ffd700 !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.2) !important;
}

/* Belső tartalom is legyen fekete */
.cart-notification *,
.added-to-cart-popup *,
.ajax-cart-box *,
.ajax_cart_box *,
.cart-popup *,
.product-added * {
  background-color: transparent !important;
  color: #ffd700 !important;
}

/* Általános modal fekete */
.modal,
.modal-content,
.fancybox-content,
.fancybox-container,
.sr-modal,
#modal,
#SR_modal {
  background-color: #000 !important;
  border: 1px solid #333 !important;
}

/* Modal belső részei */
.modal *,
.modal-content *,
.fancybox-content *,
.sr-modal *,
#modal *,
#SR_modal * {
  background-color: transparent !important;
  color: #ffd700 !important;
}

/* A kosárba tett termék mini képe mögötti fehér doboz fix */
.product-added img,
.cart-notification img {
  background: none !important;
  box-shadow: none !important;
}
.rs-video-section {
  position: relative;
  width: 100%;
  height: 450px; /* állítható */
  overflow: hidden;
  margin: 0 auto 30px auto;
}
/* ===== LOGÓ (RAGESABERS) – EXKLUZÍV STAR WARS FONT ===== */

/* 1) StarJedi font betöltése (ez kell!) */
@font-face {
  font-family: 'StarJedi';
  src: url('https://cdn.jsdelivr.net/gh/akzhy/fonts@master/Starjedi/Starjedi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 2) Csak a fejléc logó szöveg legyen StarJedi */
.store-name,
#store-name,
.header-logo,
.header-logo-text,
.logo-text,
.site-logo .store-name,
.header .store-name,
.header .logo-text {
    font-family: 'StarJedi' !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #FFD700 !important;
}

/* 3) Semmi más ne örökölje — minden más Arial marad */
body *:not(.store-name):not(.logo-text):not(.header-logo):not(.header-logo-text) {
    font-family: Arial, sans-serif !important;
}
.rs-header-video {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 360px;          /* ha túl magas, nyugodtan állítsd pl. 280px-re */
  margin: 20px auto 40px auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0 25px rgba(0, 212, 255, 0.4);
  z-index: 1;
}

.rs-header-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
/* ==========================
   JAVÍTÁSOK – KATEGÓRIA, SÜTIK, LÁBLÉC, GOMBOK
   ========================== */

/* 1) Kategória „mező” ne lógjon rá a termékekre */
.category-products .category-title,
.category-products .category-description,
.category-products .page-title,
.category-products .toolbar,
.category-products .filter-wrapper,
.category-products .sorting-wrapper {
  margin-bottom: 25px !important;
}

.category-products .product-list,
.category-products .row.product-list,
.category-products .row {
  margin-top: 10px !important;
}

/* 2) SÜTI SÁV – legyen jól látható */
.cookie-bar,
#cookieBar,
.cookiebar,
.cookie-consent,
.cookie-consent-bar,
#cookieNotice,
#cookie_notice {
  background-color: rgba(0, 0, 0, 0.92) !important;
  color: #FFD700 !important;
  z-index: 9999 !important;
  border-top: 1px solid #FFD700 !important;
}

/* Süti sáv szövegek és linkek */
.cookie-bar *,
#cookieBar *,
.cookie-consent *,
.cookie-consent-bar *,
#cookieNotice *,
#cookie_notice * {
  background: transparent !important;
  color: #FFD700 !important;
}

/* Süti gombok */
.cookie-bar button,
#cookieBar button,
.cookie-consent .btn,
.cookie-consent-bar .btn {
  background: #222 !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
  box-shadow: none !important;
}

/* 3) LÁBLÉC – ne legyen kék, csak fekete + arany */
footer,
#footer,
.site-footer,
.page-footer,
.footer {
  background-color: #000000 !important;
  color: #FFD700 !important;
  border-top: 1px solid #333 !important;
}

/* Lábléc linkek */
footer a,
#footer a,
.site-footer a,
.footer a {
  color: #FFD700 !important;
}

/* Lábléc gombok ne legyenek kékek */
footer .btn,
#footer .btn,
.footer .btn,
.site-footer .btn {
  background: transparent !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
  box-shadow: none !important;
}

/* 4) KÉK GOMBOK VISSZAFOGÁSA – ne legyen minden kék a kosárnál */

/* Globális .btn és btn-primary NE legyen automatikusan kék */
button.btn-primary,
.btn {
  background: #222 !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
  box-shadow: none !important;
}

/* CSAK a fő vásárlási gombok maradjanak kékek a termékeknél */
.product .btn-cart,
.product-box .btn-cart,
.product-list .btn-cart,
.toCart,
.btn-add-to-cart,
.add-to-cart,
.button-cart,
.btn-buy,
.product-button {
  background: linear-gradient(135deg, #00D4FF, #0088FF) !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(0, 212, 255, 0.35) !important;
}

/* KOSÁR OLDALON a gombok legyenek visszafogottak, ne kékek */
body[class*="cart"] .btn,
body[class*="basket"] .btn,
.cart-page .btn,
.page-cart .btn,
.cart-page button,
.page-cart button {
  background: #222 !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
  box-shadow: none !important;
}

/* Kosár oldal linkek is arany színűek legyenek */
body[class*="cart"] a,
body[class*="basket"] a,
.cart-page a,
.page-cart a {
  color: #FFD700 !important;
}
/* ==== Kategória menü és terméklista közötti távolság ==== */
.category-products,
.product-list-wrapper,
.products-wrapper,
.category-product .product-list,
.product-list {
  margin-top: 50px !important;   /* ha még mindig kevés, emeld 60–70-re */
}
/* ==== FELSŐ VÍZSZINTES KATEGÓRIAMENÜ ELTOLÁSA ==== */

/* maga a fejlécben lévő vízszintes kategóriamenü */
.header-menu,
.header-bottom,
.horizontal-menu,
.category-menu,
.category-menu-horizontal,
#menu,
#menu-main {
  margin-bottom: 30px !important;   /* ha még mindig rá lóg, emeld 50–60px-re */
}

/* biztosan a menü ALATT kezdődjön a kategória / terméklista */
.category-products,
.product-list-wrapper,
.products-wrapper,
.page-category,
.category-page,
.main-content {
  clear: both !important;
  padding-top: 20px !important;
}
/* KAPHATÓ VÁLASZTÉK – kisebb betűméret */
.product-options h4,
.product-options .options-label,
.product-shop .options-label,
.product-options .option-label {
    font-size: 12px !important;
    letter-spacing: 1px !important;
    color: #FFD700 !important;
}
/* Termékadatok nagyítása (SPARK alatti rész) */
.product-view .product-shop,
.product-essential .product-shop,
.product-info-main,
.product-shop .box-info,
.product-shop .product-attributes,
.product-essential .product-attributes {
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #FFD700 !important;
}
/* Válassz színt – nagyobb felirat */
.product-options label,
.product-options-title,
.product-options .options-title,
.product-options h3,
#product-options-wrapper h3,
.product-options .option-title {
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    color: #FFD700 !important;
    text-transform: uppercase !important;
}
/* ====== TERMÉK POPUP / TERMÉKOLDAL FINOMHANGOLÁS ====== */

/* 1) SPARK ALATTI TERMÉKADATOK – NAGYOBB BETŰMÉRET
   (középső oszlop: átlagos értékelés, gyártó, szállítás, elérhetőség stb.) */
.quickview-modal .modal-content table,
.quickview-modal .modal-content table th,
.quickview-modal .modal-content table td,
.product-view table,
.product-view table th,
.product-view table td,
.product-page table,
.product-page table th,
.product-page table td {
    font-size: 18px !important;
    line-height: 1.7 !important;
}

/* 2) „VÁLASSZ SZÍNT” FELIRAT – LEGYEN NAGYOBB, LÁTVÁNYOS */
.quickview-modal .modal-content .swatch-attribute .label,
.quickview-modal .modal-content .swatch-attribute .attribute-label,
.quickview-modal .modal-content .swatch-attribute label,
.product-page .swatch-attribute .label,
.product-page .swatch-attribute .attribute-label,
.product-page .swatch-attribute label {
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #FFD700 !important;
}

/* 3) SZÍNDOBOZOK / SZÍN SWATCHEK – LEGYENEK NAGYOBBAK */
.quickview-modal .modal-content .swatch-option,
.quickview-modal .modal-content .swatch-option.color,
.quickview-modal .modal-content .color-swatch,
.product-page .swatch-option,
.product-page .swatch-option.color,
.product-page .color-swatch {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 6px !important;
}

/* 4) „KAPHATÓ VÁLASZTÉK” – KISEBB BETŰMÉRET
   (jobb oldali oszlop, a pengeméret / választék résznél) */
.quickview-modal .modal-content .product-options h4,
.quickview-modal .modal-content .product-options .options-label,
.quickview-modal .modal-content .product-options .availability-label,
.product-page .product-options h4,
.product-page .product-options .options-label,
.product-page .product-options .availability-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}
/* ====== TERMÉK POPUP / TERMÉKOLDAL – VÉGLEGES FINOMHANGOLÁS ====== */
/* 1) SPARK alatti leírás + termékadatok – NAGYOBB BETŰMÉRET */
.fancybox-inner .product-view .product-shop,
.fancybox-inner .product-view .product-shop p,
.fancybox-inner .product-view .product-shop li,
.fancybox-inner .product-view .product-shop td,
.fancybox-inner .product-view .product-shop th,
.quickview-modal .product-view .product-shop,
.product-page .product-view .product-shop {
    font-size: 18px !important;
    line-height: 1.7 !important;
}

/* 2) „Válassz színt” felirat – nagy, látványos címke */
.fancybox-inner .product-options > label,
.fancybox-inner .product-options .option-title,
.fancybox-inner .product-options .options-title,
.fancybox-inner .product-options .attribute-label,
.quickview-modal .product-options > label,
.quickview-modal .product-options .option-title,
.quickview-modal .product-options .options-title,
.quickview-modal .product-options .attribute-label,
.product-page .product-options > label,
.product-page .product-options .option-title,
.product-page .product-options .options-title,
.product-page .product-options .attribute-label {
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #FFD700 !important;
}

/* 3) Kisebb „Kapható választék” címke (jobb oszlop) */
.fancybox-inner .product-options h4,
.fancybox-inner .product-options .options-label,
.fancybox-inner .product-options .availability-label,
.quickview-modal .product-options h4,
.quickview-modal .product-options .options-label,
.quickview-modal .product-options .availability-label,
.product-page .product-options h4,
.product-page .product-options .options-label,
.product-page .product-options .availability-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

/* 4) Színkockák – legyenek nagyobbak, jobban kattinthatók */
.fancybox-inner .product-options .swatch-option,
.fancybox-inner .product-options .swatch,
.fancybox-inner .product-options .color,
.fancybox-inner .product-options .color-swatch,
.fancybox-inner .product-options .option,
.quickview-modal .product-options .swatch-option,
.quickview-modal .product-options .swatch,
.quickview-modal .product-options .color,
.quickview-modal .product-options .color-swatch,
.quickview-modal .product-options .option,
.product-page .product-options .swatch-option,
.product-page .product-options .swatch,
.product-page .product-options .color,
.product-page .product-options .color-swatch,
.product-page .product-options .option,
.product-page .product-options input[type="radio"] + label {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    display: inline-block !important;
    border-radius: 6px !important;
}

/* Ha túl közel vannak egymáshoz, adjunk nekik kis hézagot */
.product-page .product-options .option,
.quickview-modal .product-options .option,
.fancybox-inner .product-options .option {
    margin-right: 6px !important;
    margin-bottom: 6px !important;
}
/* ====== TERMÉK POPUP / TERMÉKOLDAL – BRUTÁL CÉLZÁS ====== */

/* 1) SPARK alatti leírás + termékadatok – NAGYOBB BETŰMÉRET
   (középső infóblokk a termék ablakban) */
.quickview-modal,
.fancybox-inner,
.product-page,
.product-view {
  font-size: 16px !important;
}

.quickview-modal .product-view .product-shop,
.quickview-modal .product-view .product-shop p,
.quickview-modal .product-view .product-shop li,
.quickview-modal .product-view .product-shop td,
.quickview-modal .product-view .product-shop th,
.fancybox-inner .product-view .product-shop,
.fancybox-inner .product-view .product-shop p,
.fancybox-inner .product-view .product-shop li,
.fancybox-inner .product-view .product-shop td,
.fancybox-inner .product-view .product-shop th,
.product-page .product-view .product-shop,
.product-page .product-view .product-shop p,
.product-page .product-view .product-shop li,
.product-page .product-view .product-shop td,
.product-page .product-view .product-shop th {
    font-size: 18px !important;
    line-height: 1.7 !important;
}

/* 2) „VÁLASSZ SZÍNT” – NAGY FELIRAT
   (a színek feletti cím, label-ek) */
.quickview-modal .product-view label,
.quickview-modal .product-view .attribute-label,
.quickview-modal .product-view .swatch-attribute label,
.fancybox-inner .product-view label,
.fancybox-inner .product-view .attribute-label,
.fancybox-inner .product-view .swatch-attribute label,
.product-page .product-view label,
.product-page .product-view .attribute-label,
.product-page .product-view .swatch-attribute label {
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #FFD700 !important;
}

/* 3) „KAPHATÓ VÁLASZTÉK” – KISEBB
   (általában egy kis címke a jobb oldali oszlopban) */
.quickview-modal .product-view .product-options h4,
.quickview-modal .product-view .product-options h4:first-of-type,
.fancybox-inner .product-view .product-options h4,
.fancybox-inner .product-view .product-options h4:first-of-type,
.product-page .product-view .product-options h4,
.product-page .product-view .product-options h4:first-of-type {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

/* 4) SZÍNDOBOZOK (swatch) – LEGYENEK NAGYOBBAK, KATTINTHATÓK */
.quickview-modal .product-view .swatch-option,
.quickview-modal .product-view .swatch-option.color,
.quickview-modal .product-view .color-swatch,
.fancybox-inner .product-view .swatch-option,
.fancybox-inner .product-view .swatch-option.color,
.fancybox-inner .product-view .color-swatch,
.product-page .product-view .swatch-option,
.product-page .product-view .swatch-option.color,
.product-page .product-view .color-swatch,
.product-page .product-view .product-options input[type="radio"] + label {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

/* 5) Színek közti hézag, hogy ne tapadjanak össze */
.quickview-modal .product-view .product-options .option,
.fancybox-inner .product-view .product-options .option,
.product-page .product-view .product-options .option {
    margin-right: 6px !important;
    margin-bottom: 6px !important;
}
/* ===== GLOBÁLIS KATEGÓRIA TERMÉKGRID FIX – NE LEGYEN GYUFÁSSZÁL KÁRTYA ===== */

/* A terméklista legyen rugalmas, több oszlopos grid */
.category-products .product-list,
.category-products .products,
.category-products .row,
.category-products .product-list-wrapper,
.category-products .products-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px !important;
}

/* A termékkártyákat tartalmazó oszlopok szélessége */
.category-products .product-list > *,
.category-products .products > *,
.category-products .row > *,
.category-products .product-list-wrapper > *,
.category-products .products-wrapper > * {
  float: none !important;
  width: 100% !important;
  max-width: 360px !important;   /* ha még mindig keskeny, emeld 380–400-ra */
  flex: 0 1 360px !important;
}

/* Maguk a termékdobozok se legyenek keskenyebbek */
.category-products .product,
.category-products .product-item,
.category-products .product-box,
.category-products .col-product {
  width: 100% !important;
  max-width: 360px !important;
  min-width: 320px !important;
}
/* ===== ULTIMATE FIX – minden termékkártya minimum 350px széles ===== */
.category-products *[class*="col"],
.category-products .product-item,
.category-products .product,
.category-products .product-box,
.category-products .product-wrapper {
    width: 100% !important;
    max-width: 380px !important;
    min-width: 340px !important;
    flex: 0 1 360px !important;
}

/* A sorok legyenek FLEX-be rendezve */
.category-products .row,
.category-products .product-list,
.category-products .products-wrapper,
.category-products .product-list-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 30px !important;
}

/* A termékkép ne csússzon össze */
.category-products .product .image,
.category-products .product-item .image {
    width: 100% !important;
    max-width: 100% !important;
}
/* =========================================
   CSAK SZÖVEGES FELSZERELTSÉG OPCIÓK
   (szín swatch-ek kizárva!)
   ========================================= */

/* 1️⃣ Színválasztó swatch-ek védelme – SOHA ne legyenek gombok */
.product-options .swatch-option,
.product-options .swatch,
.product-options .color,
.product-options .color-swatch {
  background-color: inherit !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  padding: 0 !important;
}

/* 2️⃣ CSAK a SZÖVEGES opciók (felszereltség) – radio + label */
.product-options input[type="radio"] + label:not(.swatch-option),
.product-options input[type="checkbox"] + label:not(.swatch-option),
#product-options-wrapper input[type="radio"] + label:not(.swatch-option),
#product-options-wrapper input[type="checkbox"] + label:not(.swatch-option) {
  display: block !important;

  background: linear-gradient(180deg, #0b0b0b 0%, #161616 100%) !important;
  border: 1px solid rgba(255,215,0,0.85) !important;
  border-radius: 10px !important;

  color: #FFD700 !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  padding: 14px 18px !important;
  margin-bottom: 12px !important;

  box-shadow: 0 0 0 1px rgba(255,215,0,0.15), 0 8px 18px rgba(0,0,0,0.55) !important;
  cursor: pointer !important;
}

/* 3️⃣ Hover csak a felszereltség gombokon */
.product-options input[type="radio"] + label:not(.swatch-option):hover,
.product-options input[type="checkbox"] + label:not(.swatch-option):hover {
  border-color: #FFD700 !important;
  box-shadow: 0 0 20px rgba(255,215,0,0.25) !important;
}

/* 4️⃣ Aktív / kiválasztott felszereltség */
.product-options input[type="radio"]:checked + label:not(.swatch-option),
.product-options input[type="checkbox"]:checked + label:not(.swatch-option) {
  background: linear-gradient(180deg, #0b0b0b 0%, #1e1a08 100%) !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 25px rgba(255,215,0,0.4) !important;
}
.list-list .variable a {
	background-color: #141414;
    border-radius: calc(var(--corner_10) / 1.66);
	border-color:#FFD700 !important;
	border: 1px solid rgba(255, 215, 0, 0.75) !important;
  border-radius: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 38px;
    min-width: 38px;
    text-align: center;
    font-weight: 500;
    font-size: .8125rem;
    line-height: 1;
}