@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");

/* =========================
   BASE
   ========================= */
html body,
html body .wrapper,
html body .page {
  background: #f2f4f8 !important;
  background-image: none !important;
  font-family: "Poppins", sans-serif !important;
}

/* =========================
   PRODUCT GRID — CSS Grid (nem float!)
   ========================= */
html body ul.products-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  padding: 0 !important;
  list-style: none !important;
}
html body .products-grid > li.item {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html body .products-grid .item,
html body .category-products .item {
  background-color: #ffffff !important;
  border: 1px solid #edf0f5 !important;
  border-top: 3px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  padding: 12px 12px 20px 12px !important;

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

  height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;

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

  transition: transform 0.22s ease, box-shadow 0.22s ease, border-top-color 0.22s ease !important;
}

html body .products-grid .item:hover,
html body .category-products .item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 40px rgba(31, 42, 68, 0.14) !important;
  border-top-color: #E41F3A !important;
  z-index: 100 !important;
}

/* Gradient top accent — CSAK hoverre */
html body .products-grid .item::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: -3px !important;
  height: 3px !important;
  width: 100% !important;
  background: linear-gradient(90deg, #E41F3A 0%, #ff6b35 50%, #E41F3A 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.22s ease !important;
}
html body .products-grid li.item:hover::before {
  opacity: 1 !important;
}

/* Image + zoom */
html body .products-grid .product-image,
html body .category-products .product-image {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 175px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  background: #f7f9fc !important;
  border-radius: 8px !important;
  padding: 6px !important;
}

html body .products-grid .product-image img,
html body .category-products .product-image img {
  max-height: 100%;
  width: auto;
  transition: transform 0.35s ease !important;
  will-change: transform;
}

html body .products-grid .item:hover .product-image img,
html body .category-products .item:hover .product-image img {
  transform: scale(1.08) !important;
}

/* Product name — flex: 1 hogy a gomb mindig alul legyen */
html body .products-grid h3.product-name,
html body .products-grid h2.product-name,
html body .products-grid h4.product-name {
  flex: 1 1 auto !important;
  margin: 4px 0 6px !important;
  min-height: 0 !important;
  max-height: none !important;
}
html body .products-grid h3.product-name a,
html body .products-grid h2.product-name a,
html body .products-grid h4.product-name a {
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #1f2a44 !important;
  text-decoration: none !important;
  text-align: left !important;
  text-transform: none !important;

  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  max-height: 55px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .products-grid h3.product-name a:hover,
html body .products-grid h2.product-name a:hover,
html body .products-grid h4.product-name a:hover {
  color: #e74c3c !important;
  text-decoration: none !important;
}

/* Price: bal igazítás, gomb közel — min-height: 95px KILL (bf_styles.css örökség!) */
html body .products-grid .price-box,
html body .category-products .price-box {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
  text-align: left !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .products-grid .price-box .price,
html body .category-products .price-box .price {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #e74c3c !important;
}

/* Actions container – fekete hover/sprite kill (btnadd + btndad + pseudo) */
html body .products-grid .actions,
html body .category-products .actions,
html body .products-grid .actions:hover,
html body .category-products .actions:hover,
html body .products-grid .actions p.btnadd,
html body .products-grid .actions p.btndad,
html body .products-grid .actions p.btnadd:hover,
html body .products-grid .actions p.btndad:hover {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  position: static !important;
}

html body .products-grid .actions:before,
html body .products-grid .actions:after,
html body .products-grid .actions p.btnadd:before,
html body .products-grid .actions p.btnadd:after,
html body .products-grid .actions p.btndad:before,
html body .products-grid .actions p.btndad:after {
  content: none !important;
  display: none !important;
}

/* Button — teljes szélesség */
html body .products-grid button.btn-cart,
html body .category-products button.btn-cart {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100% !important;
  display: block !important;
  cursor: pointer !important;
}

html body .products-grid button.btn-cart span,
html body .products-grid button.btn-cart span span,
html body .category-products button.btn-cart span,
html body .category-products button.btn-cart span span {
  margin: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .products-grid button.btn-cart > span,
html body .category-products button.btn-cart > span {
  background-color: #E41F3A !important;
  background-image: none !important;
  border-radius: 8px !important;

  height: 38px !important;
  line-height: 38px !important;

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

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

  margin: 2px 0 4px 0 !important;

  box-shadow: 0 3px 8px rgba(228, 31, 58, 0.28) !important;
  transition: background-color 0.15s ease, box-shadow 0.15s ease !important;
}

html body .products-grid button.btn-cart:hover > span,
html body .category-products button.btn-cart:hover > span {
  background-color: #c0172d !important;
  box-shadow: 0 5px 14px rgba(228, 31, 58, 0.40) !important;
}

html body .products-grid button.btn-cart > span > span,
html body .category-products button.btn-cart > span > span {
  background: transparent !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  line-height: inherit !important;
  white-space: nowrap !important;
}
/* Kosár ikon a gomb előtt */
html body .products-grid button.btn-cart > span > span::before,
html body .category-products button.btn-cart > span > span::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  margin-top: -2px !important;
}

/* Button shine */
html body .products-grid button.btn-cart > span {
  position: relative !important;
  overflow: hidden !important;
}
html body .products-grid button.btn-cart > span::after {
  content: "" !important;
  position: absolute !important;
  top: -40% !important;
  left: -30% !important;
  width: 50% !important;
  height: 180% !important;
  background: rgba(255, 255, 255, 0.22) !important;
  transform: skewX(-20deg) !important;
  transition: left 0.35s ease !important;
}
html body .products-grid li.item:hover button.btn-cart > span::after {
  left: 120% !important;
}

/* ============================================
   WISHLIST / COMPARE — lebegő ikonok a képen
   Hover-re slide-in + fade-in effekttel
   ============================================ */
html body .products-grid ul.add-to-links,
html body .category-products ul.add-to-links {
  position: absolute !important;
  top: 14px !important;
  right: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  z-index: 20 !important;
}
html body .products-grid ul.add-to-links li,
html body .category-products ul.add-to-links li {
  display: block !important;
  float: none !important;
  background: none !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body .products-grid ul.add-to-links .separator,
html body .category-products ul.add-to-links .separator {
  display: none !important;
}
/* Mindkét link: kör gomb, alap állapotban láthatatlan */
html body .products-grid .link-wishlist,
html body .products-grid .link-compare,
html body .category-products .link-wishlist,
html body .category-products .link-compare {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.14) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  text-decoration: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  transform: translateX(10px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.15s, border-color 0.15s, color 0.15s !important;
}
/* Hover-re: megjelenik (slide + fade) */
html body .products-grid li.item:hover .link-wishlist,
html body .products-grid li.item:hover .link-compare,
html body .category-products li.item:hover .link-wishlist,
html body .category-products li.item:hover .link-compare {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
/* Compare kis késleltetés (lépcsőzetes effekt) */
html body .products-grid li.item:hover .link-compare {
  transition-delay: 0.05s !important;
}
/* Ikon hover szín */
html body .products-grid .link-wishlist:hover,
html body .category-products .link-wishlist:hover {
  background: #fff !important;
  border-color: #E41F3A !important;
  color: #E41F3A !important;
}
html body .products-grid .link-compare:hover,
html body .category-products .link-compare:hover {
  background: #fff !important;
  border-color: #3355aa !important;
  color: #3355aa !important;
}
/* SVG méret a kör gombban */
html body .products-grid .link-wishlist svg,
html body .products-grid .link-compare svg,
html body .category-products .link-wishlist svg,
html body .category-products .link-compare svg {
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
}

/* =========================
   CATEGORY HERO
   ========================= */
.category-hero {
  position: relative;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(31, 42, 68, 0.08);
  overflow: hidden;
  margin: 0 0 0 0;
}

.category-hero__content {
  padding: 16px 18px;
}

.category-hero .category-title h1 {
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.3px;
  color: #1f2a44;
}

.category-hero .link-rss {
  float: right;
  font-size: 12px;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(231, 76, 60, 0.1);
  color: #e74c3c;
}

/* FONTOS: a hero leírás SOHA ne legyen clampelve */
.category-hero__description {
  margin-top: 10px;
  color: #5b6475;
  line-height: 1.5;
  max-width: 900px;

  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}

/* Mobil RSS */
@media (max-width: 768px) {
  .category-hero .link-rss {
    float: none;
    display: inline-block;
    margin: 8px 0 0 0;
  }
}

/* =========================
   SUBCATEGORIES SPACING (ez volt a gond)
   - float-biztos: overflow:hidden + padding-top
   ========================= */
html body .category-subcats-wrap {
  clear: both !important;
  overflow: hidden !important; /* BFC: floatok nem csúsznak fel */
  padding-top: 24px !important; /* garantált “szünet” */
}


/* =========================
   PRODUCT PAGE REDESIGN
   Modern, alza.hu-inspired
   ========================= */

/* Font upgrade */
html body .product-view,
html body .product-view * {
  font-family: “Poppins”, sans-serif !important;
}

/* ---- LAYOUT ---- */
html body .col1-layout .product-view .product-img-box {
  width: 455px !important;
  float: left !important;
}

html body .col1-layout .product-view .product-shop {
  width: 490px !important;
  float: right !important;
  margin-right: 0 !important;
}

/* ---- IMAGE GALLERY ---- */
html body .product-view .product-img-box .more-views {
  background: transparent !important;
  padding: 0 6px 0 0 !important;
  width: 72px !important;
}

html body .product-view .product-img-box .more-views li {
  margin-bottom: 6px !important;
}

html body .product-view .product-img-box .more-views li a {
  border: 2px solid #e4e8ef !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  display: block !important;
  height: auto !important;
  transition: border-color 0.2s ease !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 2px !important;
  background: #fff !important;
}

html body .product-view .product-img-box .more-views li a:hover {
  border-color: #E41F3A !important;
  opacity: 1 !important;
}

html body .product-view .product-img-box .main-image {
  border: 2px solid #e4e8ef !important;
  border-radius: 12px !important;
  padding: 6px !important;
  background: #fff !important;
  box-shadow: 0 3px 16px rgba(0,0,0,0.06) !important;
  transition: border-color 0.2s ease !important;
  float: right !important;
  box-sizing: border-box !important;
}

html body .product-view .product-img-box .main-image:hover {
  border-color: #ccd3de !important;
}

html body .product-view .product-img-box .main-image img.zoom-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* ---- PRODUCT INFO CARD ---- */
html body .product-view .product-shop .white-back {
  background: #fff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 14px !important;
  padding: 20px 20px 14px !important;
  box-shadow: 0 2px 18px rgba(26,42,92,0.07) !important;
  margin-bottom: 10px !important;
}

/* ---- PRODUCT NAME ---- */
html body .product-view .product-shop .product-name h1 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  line-height: 1.45 !important;
  margin-bottom: 10px !important;
  text-transform: none !important;
}

/* ---- PRODUCT CODE ---- */
html body .product-view .product-shop .addtocont .product-code {
  font-size: 11px !important;
  color: #aaa !important;
  display: inline-block !important;
  margin-bottom: 4px !important;
}

html body .product-view .product-shop .addtocont .product-code strong {
  font-weight: 500 !important;
  color: #aaa !important;
}

/* ---- PRICE ---- */
html body .product-shop .price-box {
  min-height: auto !important;
  margin: 10px 0 6px !important;
}

html body .product-shop .price-box .price-including-tax,
html body .product-shop .price-including-tax {
  border: none !important;
  padding: 0 !important;
}

html body .product-shop .price-box .price-including-tax .price {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #E41F3A !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
}

html body .product-shop .price-box .old-price {
  margin-bottom: 2px !important;
}

html body .product-shop .price-box .old-price .price {
  color: #bbb !important;
  text-decoration: line-through !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html body .product-shop .price-box .old-price .price-label {
  color: #bbb !important;
  font-size: 11px !important;
}

html body .product-shop .price-box .special-price .price-label {
  font-size: 11px !important;
  color: #888 !important;
}

/* Sale badge */
html body .product-shop .price-box .price-excluding-tax {
  font-size: 11px !important;
  color: #aaa !important;
  margin-top: 2px !important;
}

/* ---- SHIPPING INFO ---- */
html body .product-view .product-shop .white-back > p:not([class]) {
  font-size: 12px !important;
  color: #555 !important;
  margin: 6px 0 4px !important;
  padding: 6px 10px !important;
  background: #f7f9fc !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

/* ---- SHORT DESCRIPTION ---- */
html body .product-view .product-shop .short-description {
  background: #f7f9fc !important;
  border-left: 3px solid #E41F3A !important;
  border-radius: 0 6px 6px 0 !important;
  padding: 10px 14px !important;
  margin: 10px 0 !important;
}

html body .product-view .product-shop .short-description p,
html body .product-view .product-shop .short-description .std p {
  font-size: 12px !important;
  color: #555 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* TVA notice */
html body .product-view .product-shop .white-back > p[style*=”text-align:center”] {
  font-size: 10px !important;
  color: #bbb !important;
  text-align: center !important;
  display: block !important;
  background: none !important;
  padding: 6px 0 0 !important;
  margin: 0 !important;
}

/* ---- ADD-TO-BOX AREA ---- */
html body .product-view .add-to-box {
  background: #fff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 14px !important;
  padding: 16px !important;
  box-shadow: 0 2px 14px rgba(26,42,92,0.07) !important;
}

/* ---- PHONE / EMAIL ---- */
html body .product-shop #phone_holder {
  background: #f7f9fc !important;
  border-radius: 8px !important;
  padding: 10px 8px !important;
  margin-bottom: 12px !important;
  border: 1px solid #edf0f5 !important;
}

html body .product-shop #ph1 {
  color: #E41F3A !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

html body .product-shop #ph2 {
  color: #555 !important;
  font-size: 12px !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

/* ---- QUANTITY BOX ---- */
html body .product-view .product-shop .quanitybox {
  float: left !important;
  margin: 0 12px 0 0 !important;
  border: 2px solid #dde2ea !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: stretch !important;
}

html body .product-view input.quantity_box_button_down,
html body .product-view input.quantity_box_button_up {
  width: 36px !important;
  height: 48px !important;
  background: #f5f7fa !important;
  border: none !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #444 !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transition: background 0.15s ease !important;
}

html body .product-view input.quantity_box_button_down:hover,
html body .product-view input.quantity_box_button_up:hover {
  background: #e8ecf0 !important;
  color: #E41F3A !important;
}

html body .product-view input.qty {
  width: 48px !important;
  height: 48px !important;
  text-align: center !important;
  border: none !important;
  border-left: 1px solid #dde2ea !important;
  border-right: 1px solid #dde2ea !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 0 !important;
  -moz-appearance: textfield !important;
}

/* ---- ADD TO CART BUTTON ---- */
html body .product-view .add-to-cart {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  border: none !important;
  width: 100% !important;
}

html body .product-view .add-to-cart label {
  display: none !important;
}

html body .product-view .add-to-cart button.btn-cart {
  flex: 1 !important;
  min-width: 180px !important;
  height: 52px !important;
  background: #E41F3A !important;
  background-image: none !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(228,31,58,0.32) !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

html body .product-view .add-to-cart button.btn-cart:hover {
  background: #c0172d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(228,31,58,0.42) !important;
}

html body .product-view .add-to-cart button.btn-cart > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  background: transparent !important;
  background-image: none !important;
  height: 52px !important;
  line-height: 52px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  white-space: nowrap !important;
}

html body .product-view .add-to-cart button.btn-cart > span > span {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: transparent !important;
  background-image: none !important;
  line-height: normal !important;
  white-space: nowrap !important;
}

/* ---- TBI BANK CARD ---- */
html body .tbi-rate-card {
  display: flex !important;
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #e4e8ef !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin: 10px 0 4px !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}

html body .tbi-rate-card .tbi-logo-wrap {
  flex-shrink: 0 !important;
}

html body .tbi-rate-card .tbi-logo-wrap img {
  height: 28px !important;
  width: auto !important;
  display: block !important;
}

html body .tbi-rate-card .tbi-options {
  display: flex !important;
  gap: 10px !important;
  flex: 1 !important;
}

html body .tbi-rate-card .tbi-option {
  flex: 1 !important;
  background: #f7f9fc !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  border: 1px solid #edf0f5 !important;
  text-align: center !important;
}

html body .tbi-rate-card .tbi-option .tbi-num {
  display: block !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1a1a2e !important;
  line-height: 1.2 !important;
}

html body .tbi-rate-card .tbi-option .tbi-cond {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #E41F3A !important;
  margin-top: 2px !important;
}

html body .tbi-rate-card .tbi-option .tbi-limit {
  display: block !important;
  font-size: 10px !important;
  color: #888 !important;
  margin-top: 3px !important;
  line-height: 1.3 !important;
}

/* Hide the old inline TBI module table (we use static card above) */
html body .add-to-cart > br,
html body .add-to-cart table[border=”0”] {
  display: none !important;
}

/* ---- UNDER ADD TO CART (wishlist/compare) ---- */
html body .product-view .under_add_to_cart {
  float: left !important;
  width: 100% !important;
  margin-top: 4px !important;
}

html body .product-view .under_add_to_cart .add-to-links li {
  float: left !important;
  width: auto !important;
  padding: 0 10px 0 0 !important;
  background: none !important;
}

html body .product-view .under_add_to_cart .add-to-links li a {
  font-size: 11px !important;
  color: #999 !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

html body .product-view .under_add_to_cart .add-to-links li a:hover {
  color: #E41F3A !important;
  text-decoration: underline !important;
}

/* Infobox Phase 1 block removed — replaced by Phase 2 design below */

/* ---- PRODUCT COLLATERAL (TABS) ---- */
html body .product-view .product-collateral {
  margin-top: 24px !important;
  clear: both !important;
  background: #fff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(26,42,92,0.07) !important;
  border: 1px solid #edf0f5 !important;
}

html body .product-tabs li a,
html body .product-view .product-collateral .tabs-panel .tab-head {
  font-family: “Poppins”, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* ---- UPSELL SECTION ---- */
html body .product-view .box-up-sell {
  margin-top: 20px !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 16px rgba(26,42,92,0.07) !important;
  border: 1px solid #edf0f5 !important;
}

/* ---- REVIEW STARS ---- */
html body .product-view .ratings-table .rating-box {
  margin-right: 6px !important;
}

/* ---- AVAILABILITY ---- */
html body .product-view .product-shop .availability.in-stock span {
  color: #27ae60 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

html body .product-view .product-shop .availability.out-of-stock span {
  color: #e74c3c !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

/* ---- TRUST BADGES STRIP ---- */
html body .product-trust-strip {
  display: flex !important;
  gap: 5px !important;
  margin: 10px 0 !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

html body .product-trust-strip .trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 10px !important;
  color: #444 !important;
  background: #f0faf4 !important;
  border-radius: 20px !important;
  padding: 3px 8px !important;
  border: 1px solid #c3e6cb !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

html body .product-trust-strip .trust-item .trust-icon {
  color: #27ae60 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* ---- ADDED TO CART POPUP ---- */
html body .product-view #added {
  border-radius: 12px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.18) !important;
  border: none !important;
  padding: 20px !important;
  font-family: “Poppins”, sans-serif !important;
}

html body .product-view #added a {
  border-radius: 6px !important;
  font-family: “Poppins”, sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

/* ---- FIX: .std nested inside short-description should not double-card ---- */
html body .product-view .product-shop .short-description .std {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
}

/* ---- CART BUTTON ICON (SVG inline via CSS) ---- */
html body .product-view .add-to-cart button.btn-cart > span > span::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center/contain no-repeat !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
}

/* ---- FIX: quanitybox float override inside flex context ---- */
html body .product-view .add-to-cart .quanitybox {
  float: none !important;
  flex-shrink: 0 !important;
}

/* ---- FIX: product page h1 override from base styles ---- */
html body .product-view .product-shop .product-name h1 {
  font-size: 17px !important;
  text-transform: none !important;
}

/* ---- FIX: price-box label floats ---- */
html body .product-shop .price-box .price-including-tax .price-label {
  display: none !important;
}

/* ---- Review summary position ---- */
html body .product-view .product-shop .ratings-table {
  margin: 4px 0 8px !important;
}

/* ---- Clearfix after flex items ---- */
html body .product-view .add-to-cart::after {
  content: “” !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  order: 99 !important;
}


/* ==========================================
   GLOBAL REDESIGN — Premium White + Red
   WOW refresh v2
   ========================================== */

/* ---- GLOBAL BODY & WRAPPER ---- */
html body {
  background: #f0f2f7 !important;
  background-image: none !important;
}

html body .wrap-outer,
html body .wrap-inner {
  background: transparent !important;
  background-image: none !important;
}

html body .wrapper {
  border-top: none !important;
  background: #f0f2f7 !important;
  background-image: none !important;
}

/* Header: eredeti Mercado kinézet megtartva — nincs override */

/* Breadcrumbs: eredeti Mercado kinézet megtartva — nincs override */

/* ---- SEARCH BAR ---- */
html body .header #search {
  border: 2px solid #e4e8ef !important;
  border-radius: 8px 0 0 8px !important;
  font-family: “Poppins”, sans-serif !important;
  font-size: 13px !important;
  padding: 8px 14px !important;
  color: #333 !important;
  transition: border-color 0.2s !important;
  background: #fff !important;
}

html body .header #search:focus {
  border-color: #E41F3A !important;
  outline: none !important;
}

html body .header .search-button {
  background: #E41F3A !important;
  border: none !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}

html body .header .search-button:hover {
  background: #c0172d !important;
}

/* ---- MAIN CONTAINER TOP SPACING ---- */
html body .main-container {
  padding-top: 4px !important;
}

/* ---- PRODUCT VIEW TOP SPACING ---- */
html body .product-view {
  padding-top: 6px !important;
}

html body .product-view .product-essential {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ---- PRODUCT PAGE: HIDE “FITI PRIMUL” REVIEW LINK ---- */
html body .product-view .no-rating {
  display: none !important;
}

html body .product-view .ratings-table .rating-links {
  display: none !important;
}

/* ---- PRODUCT PAGE: RATING STARS (keep only stars, hide count link) ---- */
html body .product-view .ratings-table {
  margin: 4px 0 10px !important;
}

/* ---- PRODUCT PAGE: IMAGE GALLERY — flex, no gap ---- */
html body .product-view .product-img-box .zoom-container {
  display: flex !important;
  gap: 8px !important;
  align-items: flex-start !important;
}

html body .product-view .product-img-box .more-views {
  float: none !important;
  flex-shrink: 0 !important;
  width: 76px !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

html body .product-view .product-img-box .main-image {
  float: none !important;
  flex: 1 !important;
  min-width: 0 !important;
}

html body .product-view .product-img-box .more-views .jcarousel-skin-tango {
  min-height: 0 !important;
}

/* ---- PRODUCT PAGE: ÁR — WOW EFFEKT ---- */

/* Bal piros akcentuscsík + nagy szám = modern premium megjelenés */
html body .product-shop .price-box {
  background: #fff !important;
  border: none !important;
  border-left: 5px solid #E41F3A !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 10px 18px 12px !important;
  margin: 14px 0 10px !important;
  box-shadow: 0 4px 20px rgba(228,31,58,0.09), 0 1px 4px rgba(0,0,0,0.04) !important;
  position: relative !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Az ár száma — nagy, vastag, vörös */
html body .product-shop .price-box .price-including-tax .price {
  font-size: 48px !important;
  font-weight: 900 !important;
  color: #E41F3A !important;
  letter-spacing: -2px !important;
  line-height: 1 !important;
  display: block !important;
}

/* “Pret:” felirat felette */
html body .product-shop .price-box .price-including-tax .price-label {
  display: block !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  color: #E41F3A !important;
  text-transform: uppercase !important;
  opacity: 0.55 !important;
  margin-bottom: 3px !important;
}

/* Régi ár (áthúzva) */
html body .product-shop .price-box .old-price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 4px !important;
}

html body .product-shop .price-box .old-price .price-label {
  font-size: 10px !important;
  color: #bbb !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

html body .product-shop .price-box .old-price .price {
  font-size: 14px !important;
  color: #ccc !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* Special price wrapper */
html body .product-shop .price-box .special-price {
  padding: 0 !important;
  margin: 0 !important;
}

/* ---- PRODUCT PAGE: PHONE/EMAIL ---- */
html body .product-shop #phone_holder {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  background: #f9f9fb !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  margin-bottom: 12px !important;
  border: 1px solid #edf0f5 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

html body .product-shop #ph1,
html body .product-shop #ph2 {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: auto !important;
  flex-shrink: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

html body .product-shop #ph1 {
  color: #E41F3A !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

html body .product-shop #ph1::before {
  content: “” !important;
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  background: url(“data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E41F3A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.77a16 16 0 0 0 6 6l.93-.97a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E”) center/contain no-repeat !important;
  flex-shrink: 0 !important;
}

html body .product-shop #ph2 {
  color: #666 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

html body .product-shop #ph2::before {
  content: “” !important;
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  background: url(“data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E”) center/contain no-repeat !important;
  flex-shrink: 0 !important;
}

/* ---- PRODUCT PAGE: TRUST BADGES — egy sorba, nowrap ---- */
html body .product-trust-strip {
  gap: 5px !important;
  margin: 8px 0 6px !important;
  flex-wrap: nowrap !important;
}

html body .product-trust-strip .trust-item {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #27ae60 !important;
  background: #f0faf4 !important;
  border: 1px solid #c3e6cb !important;
  border-radius: 20px !important;
  padding: 3px 8px !important;
  flex-shrink: 0 !important;
}

html body .product-trust-strip .trust-item .trust-icon {
  color: #27ae60 !important;
  font-size: 11px !important;
  margin-right: 2px !important;
}

/* ---- PRODUCT PAGE: TVA NOTE ---- */
html body .product-view .product-shop .white-back > p[style*=”text-align:center”] {
  display: block !important;
  font-size: 10px !important;
  color: #bbb !important;
  text-align: center !important;
  background: none !important;
  padding: 6px 0 2px !important;
  margin: 0 !important;
  border: none !important;
}

/* ---- PRODUCT PAGE: TBI BANK — better card with monthly rate ---- */
html body .tbi-rate-card {
  border: 1px solid #e4e8ef !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 10px 0 6px !important;
  background: #fff !important;
}

/* Top row: monthly rate (filled by JS) — semleges, nincs szín */
html body .tbi-rate-card .tbi-monthly-row {
  display: none !important;
  background: #f7f7f7 !important;
  padding: 10px 14px !important;
  text-align: center !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

html body .tbi-rate-card .tbi-monthly-row.visible {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}

/* Rate amount (pl. "310.40 Lei") */
html body .tbi-rate-card .tbi-monthly-row .tbi-rate-amount {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #E41F3A !important;
  letter-spacing: -0.5px !important;
}

/* "×" jel */
html body .tbi-rate-card .tbi-monthly-row .tbi-rate-x {
  font-size: 13px !important;
  color: #bbb !important;
  margin: 0 2px !important;
  font-weight: 400 !important;
}

/* "4 rate" rész */
html body .tbi-rate-card .tbi-monthly-row .tbi-rate-months {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #555 !important;
}

/* Bottom row: logo + options */
html body .tbi-rate-card .tbi-bottom-row {
  display: flex !important;
  align-items: stretch !important;
  border-top: none !important;
}

/* Only add divider when the monthly rate row above is actually visible */
html body .tbi-rate-card .tbi-monthly-row.visible + .tbi-bottom-row {
  border-top: 1px solid #e4e8ef !important;
}

html body .tbi-rate-card .tbi-logo-wrap {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-right: 1px solid #e4e8ef !important;
  background: #f7f9fc !important;
}

html body .tbi-rate-card .tbi-logo-wrap img {
  height: 22px !important;
  width: auto !important;
  display: block !important;
}

html body .tbi-rate-card .tbi-options {
  display: flex !important;
  flex: 1 !important;
  gap: 0 !important;
}

html body .tbi-rate-card .tbi-option {
  flex: 1 !important;
  background: #fff !important;
  padding: 8px 10px !important;
  text-align: center !important;
  border-radius: 0 !important;
  border: none !important;
  border-right: 1px solid #f0f2f5 !important;
}

html body .tbi-rate-card .tbi-option:last-child {
  border-right: none !important;
}

html body .tbi-rate-card .tbi-option .tbi-num {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #222 !important;
  line-height: 1.2 !important;
}

html body .tbi-rate-card .tbi-option .tbi-cond {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #E41F3A !important;
  margin-top: 1px !important;
}

html body .tbi-rate-card .tbi-option .tbi-limit {
  font-size: 9px !important;
  color: #999 !important;
  margin-top: 2px !important;
  line-height: 1.2 !important;
}

/* ---- PRODUCT PAGE: INFOBOX — 2 oszlopos chip rács, kép alatt ---- */

html body .product-view .infobox {
  float: left !important;
  clear: none !important;
  width: 455px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
  margin-top: 10px !important;
}

/* Spec links UL — 2-column grid, minmax(0) prevents overflow */
html body .product-view .infobox ul.add-to-links:first-of-type {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 5px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Last spec link spans both columns */
html body .product-view .infobox ul.add-to-links:first-of-type > li:last-child {
  grid-column: 1 / -1 !important;
}

/* Each spec link item — override original 45% width, fill grid cell */
html body .product-view .infobox li.product_spec_link {
  display: block !important;
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Chip link */
html body .product-view .infobox li.product_spec_link a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 10px !important;
  width: 100% !important;
  font-size: 12px !important;
  font-family: “Poppins”, sans-serif !important;
  color: #556 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: #f5f7fb !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 7px !important;
  transition: background 0.13s, color 0.13s, border-color 0.13s !important;
  height: 100% !important;
  box-sizing: border-box !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: visible !important;
}

html body .product-view .infobox li.product_spec_link a:hover {
  background: #fff5f6 !important;
  border-color: #f0c0c7 !important;
  color: #E41F3A !important;
}

/* Icon via ::before — fallback */
html body .product-view .infobox li.product_spec_link a::before {
  content: “” !important;
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  flex-shrink: 0 !important;
  background-size: 15px 15px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  opacity: 0.4 !important;
  background-image: url(“data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E”) !important;
}

/* Person icon — register / order (both share product_spec_link_inregistrez) */
html body .product-view .infobox li.product_spec_link_inregistrez a::before {
  background-image: url(“data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E”) !important;
}

/* Truck icon — transport */
html body .product-view .infobox li.product_spec_link_transport a::before {
  background-image: url(“data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E”) !important;
}

/* Star icon — evaluation */
html body .product-view .infobox li.product_spec_link_evaluare a::before {
  background-image: url(“data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E”) !important;
}

/* Chat icon — discussions */
html body .product-view .infobox li.product_spec_link_discutii a::before {
  background-image: url(“data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E”) !important;
}

/* Hover: icon becomes red */
html body .product-view .infobox li.product_spec_link a:hover::before {
  opacity: 1 !important;
  filter: invert(17%) sepia(90%) saturate(2500%) hue-rotate(340deg) brightness(103%) !important;
}

/* Wishlist/compare UL — flex row below spec links */
html body .product-view .infobox ul.add-to-links:not(:first-of-type) {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 8px 0 0 !important;
  margin: 8px 0 0 !important;
  border-top: 1px solid #edf0f5 !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

html body .product-view .infobox ul.add-to-links:not(:first-of-type) > li {
  flex: 1 !important;
  display: block !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  min-width: 0 !important;
}

/* Hide separator text between links */
html body .product-view .infobox .separator {
  display: none !important;
}

/* Wishlist pill — white background, subtle red border */
html body .product-view .infobox .link-wishlist {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  border: 1px solid #e4e8ef !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-family: “Poppins”, sans-serif !important;
  font-weight: 600 !important;
  color: #c0172d !important;
  text-decoration: none !important;
  transition: background 0.13s, border-color 0.13s, color 0.13s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .product-view .infobox .link-wishlist:hover {
  background: #fff5f6 !important;
  border-color: #E41F3A !important;
  color: #E41F3A !important;
}

/* Compare pill — white background, subtle blue border */
html body .product-view .infobox .link-compare {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  border: 1px solid #e4e8ef !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-family: “Poppins”, sans-serif !important;
  font-weight: 600 !important;
  color: #3355aa !important;
  text-decoration: none !important;
  transition: background 0.13s, border-color 0.13s, color 0.13s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .product-view .infobox .link-compare:hover {
  background: #f4f7ff !important;
  border-color: #4070dd !important;
  color: #1a3a8a !important;
}

/* Inline SVG icon sizing inside pills */
html body .product-view .infobox .link-wishlist svg,
html body .product-view .infobox .link-compare svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}

/* Email to friend — hidden */
html body .product-view .infobox li.email-friend {
  display: none !important;
}

/* ---- INFOBOX: SHIPPING PRICE CHIP ---- */
html body .product-view .infobox .infobox-shipping-chip {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 10px !important;
  background: #f2fbf5 !important;
  border: 1px solid #c2e0cc !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-family: "Poppins", sans-serif !important;
  color: #2d6e46 !important;
  margin: 5px 0 !important;
  font-weight: 500 !important;
}

html body .product-view .infobox .infobox-shipping-chip svg {
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
  opacity: 0.7 !important;
}

html body .product-view .infobox .infobox-shipping-chip .ship-price {
  font-weight: 700 !important;
  color: #1a5733 !important;
  margin-left: 2px !important;
}

/* ---- INFOBOX: PRICE ALERT SUBSCRIPTION ---- */
html body .product-view .infobox .infobox-alert-wrap {
  margin-top: 6px !important;
}

html body .product-view .infobox .infobox-alert-wrap ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .product-view .infobox .infobox-alert-wrap li {
  display: block !important;
  float: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .product-view .infobox .infobox-alert-wrap a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 8px 14px !important;
  background: #fff !important;
  border: 1px solid #e4e8ef !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  color: #555 !important;
  text-decoration: none !important;
  transition: background 0.13s, border-color 0.13s, color 0.13s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .product-view .infobox .infobox-alert-wrap a:hover {
  background: #fffdf0 !important;
  border-color: #e0c020 !important;
  color: #806000 !important;
}

html body .product-view .infobox .infobox-alert-wrap a::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  flex-shrink: 0 !important;
  background-size: 14px 14px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  opacity: 0.55 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E") !important;
}

html body .product-view .infobox .infobox-alert-wrap a:hover::before {
  opacity: 1 !important;
  filter: invert(40%) sepia(80%) saturate(600%) hue-rotate(30deg) !important;
}

/* ---- PAGES/CONTENT AREA ---- */
html body .main-container.col1-layout {
  background: transparent !important;
}

html body .col-main {
  background: transparent !important;
}

/* Zéró gap a category hero és a termékek között */
html body .category-overlay {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
html body .category-products {
  margin-top: 0 !important;
}

/* ---- MESSAGE BOXES ---- */
html body .success-msg,
html body .notice-msg,
html body .error-msg {
  border-radius: 8px !important;
  font-family: “Poppins”, sans-serif !important;
  font-size: 12px !important;
}

/* ---- PAGINATION ---- */
html body .pager .pages ol li a,
html body .pager .pages ol li.current {
  border-radius: 6px !important;
  font-family: “Poppins”, sans-serif !important;
  font-size: 12px !important;
  border: 1px solid #e4e8ef !important;
  padding: 4px 10px !important;
}

html body .pager .pages ol li.current {
  background: #E41F3A !important;
  color: #fff !important;
  border-color: #E41F3A !important;
}

/* ---- BUTTONS (global) ---- */
html body button.button {
  font-family: “Poppins”, sans-serif !important;
  border-radius: 8px !important;
}

/* ---- INPUT FIELDS (global) ---- */
html body input.input-text,
html body select,
html body textarea {
  font-family: “Poppins”, sans-serif !important;
  border-radius: 6px !important;
  border-color: #d8dde8 !important;
  font-size: 12px !important;
}

html body input.input-text:focus,
html body textarea:focus {
  border-color: #E41F3A !important;
  outline: none !important;
}

/* ---- PRODUCT TABS (collateral) ---- */
html body .product-view .product-collateral .tabs-panel {
  border: none !important;
  background: transparent !important;
}

html body .product-view .product-collateral li.tab {
  font-family: “Poppins”, sans-serif !important;
}

html body .product-view .product-collateral li.tab.active a,
html body .product-view .product-collateral li.tab.active span {
  color: #E41F3A !important;
  border-bottom: 2px solid #E41F3A !important;
}

/* ---- PRINT / MISC ---- */
html body .page {
  background: transparent !important;
}

/* ---- HIDE module TBI table (duplicates our static card) ---- */
html body .product-view .add-to-cart > br { display: none !important; }
html body .product-view .add-to-cart > table { display: none !important; }
html body .product-view .add-to-cart table { visibility: hidden; height: 0; overflow: hidden; display: block; max-height: 0; }


/* ================================================
   CATEGORY PAGE — MODERN REDESIGN (Phase 2, v2)
   ================================================ */

/* --- CATEGORY HERO (cím + leírás, termékek felett) --- */
html body .category-hero {
  background: #fff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  padding: 14px 20px 10px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
  position: relative !important;
}
html body .category-hero::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important; top: 0 !important;
  height: 4px !important; width: 100% !important;
  background: linear-gradient(90deg, #E41F3A 0%, #ff6b35 50%, #E41F3A 100%) !important;
}
html body .category-hero .page-title.category-title {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
html body .category-hero .category-title h1 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1f2a44 !important;
  margin: 0 !important;
  letter-spacing: -0.3px !important;
  font-family: "Poppins", sans-serif !important;
  text-transform: none !important;
}
html body .category-hero .link-rss {
  float: right !important;
  font-size: 11px !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  background: rgba(228, 31, 58, 0.08) !important;
  color: #E41F3A !important;
  text-decoration: none !important;
  border: 1px solid rgba(228, 31, 58, 0.2) !important;
}
html body .category-hero .category-description,
html body .category-hero .category-hero__description {
  font-size: 12px !important;
  color: #666 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
  /* Kill the .std class double-padding/shadow that creates extra space inside the hero */
  padding: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
html body .category-hero .category-description p,
html body .category-hero .category-hero__description p {
  margin: 0 0 6px 0 !important;
  font-size: 12px !important;
  color: #666 !important;
}
/* Kill the 16px padding-bottom on the inner content wrapper — hero itself has enough bottom padding */
html body .category-hero .category-hero__content {
  padding: 0 !important;
}

/* --- TOOLBAR — KÉT SOROS, modern kártya --- */
html body .category-products .toolbar {
  background: #fff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  padding: 8px 14px !important;
  margin-bottom: 16px !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
}
/* 1. sor: rendezés + nézet + megjelenítési szám — mindig EGY sorban */
html body .category-products .toolbar .pager {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}
/* 2. sor: termékszám szöveg + lapozó (külön sor, elválasztóval) */
html body .category-products .toolbar .sorter {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  border-top: 1px solid #f0f2f7 !important;
  margin-top: 6px !important;
  padding-top: 8px !important;
  margin-left: 0 !important;
  flex-shrink: 0 !important;
  justify-content: space-between !important;
  width: 100% !important;
}
html body .category-products .toolbar .sort-by,
html body .category-products .toolbar .limiter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  float: none !important;
  flex-shrink: 0 !important;
}
html body .category-products .toolbar .view-mode {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  flex-shrink: 0 !important;
}
html body .category-products .toolbar .view-mode label {
  display: none !important;
}
html body .category-products .toolbar label {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #bbb !important;
  font-family: "Poppins", sans-serif !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
html body .category-products .toolbar select {
  border: 1px solid #e4e8ef !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #333 !important;
  background-color: #f7f9fc !important;
  background-image: none !important;
  outline: none !important;
  cursor: pointer !important;
  height: 30px !important;
}
html body .category-products .toolbar select:focus {
  border-color: #E41F3A !important;
  background-color: #fff !important;
  outline: none !important;
}
/* Termékszám szöveg */
html body .category-products .toolbar .sorter .amount {
  font-size: 11px !important;
  color: #aaa !important;
  font-family: "Poppins", sans-serif !important;
  white-space: nowrap !important;
}
html body .category-products .toolbar .sorter .amount strong {
  color: #555 !important;
  font-weight: 700 !important;
}
/* Grid/lista váltó gombok */
html body .category-products .toolbar .view-mode a,
html body .category-products .toolbar .view-mode strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 6px !important;
  border: 1px solid #e4e8ef !important;
  font-size: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  background-color: #f7f9fc !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px 15px !important;
  transition: border-color 0.15s, background-color 0.15s !important;
}
html body .category-products .toolbar .view-mode a.grid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/svg%3E") !important;
}
html body .category-products .toolbar .view-mode strong.grid {
  background-color: #fff5f6 !important;
  border-color: #E41F3A !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E41F3A' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px 15px !important;
}
html body .category-products .toolbar .view-mode a.list {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='3' cy='6' r='2'/%3E%3Ccircle cx='3' cy='12' r='2'/%3E%3Ccircle cx='3' cy='18' r='2'/%3E%3C/svg%3E") !important;
}
html body .category-products .toolbar .view-mode a:hover {
  border-color: #E41F3A !important;
  background-color: #fff5f6 !important;
}
/* Irányvált nyíl gomb */
html body .category-products .toolbar .sort-by a img.v-middle {
  display: block !important;
  opacity: 0.5 !important;
  transition: opacity 0.15s !important;
}
html body .category-products .toolbar .sort-by a:hover img.v-middle {
  opacity: 1 !important;
}

/* --- PAGINATION modern stílus --- */
html body .category-products .pager .pages ol {
  display: inline-flex !important;
  gap: 3px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body .category-products .pager .pages ol li {
  display: block !important;
  float: none !important;
  background: none !important;
}
html body .category-products .pager .pages a,
html body .category-products .pager .pages strong.current {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 6px !important;
  border-radius: 6px !important;
  border: 1px solid #e4e8ef !important;
  font-size: 12px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  color: #555 !important;
  text-decoration: none !important;
  background: #f7f9fc !important;
  transition: all 0.13s !important;
}
html body .category-products .pager .pages strong.current {
  background: #E41F3A !important;
  border-color: #E41F3A !important;
  color: #fff !important;
}
html body .category-products .pager .pages a:hover {
  border-color: #E41F3A !important;
  color: #E41F3A !important;
  background: #fff5f6 !important;
}

/* --- SIDEBAR: LAYERED NAVIGATION (filterek) --- */
html body .block-layered-nav {
  background: #fff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}
html body .block-layered-nav .block-title {
  background: #E41F3A !important;
  padding: 11px 14px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
}
html body .block-layered-nav .block-title strong {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: "Poppins", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
html body .block-layered-nav .block-content {
  padding: 0 !important;
  background: #fff !important;
  border: none !important;
}
html body .block-layered-nav dl {
  margin: 0 !important;
  padding: 0 !important;
}
html body .block-layered-nav dl dt {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #555 !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  border-bottom: 1px solid #f0f2f7 !important;
  border-top: 1px solid #f0f2f7 !important;
  font-family: "Poppins", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  background: #fafbfc !important;
  cursor: default !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body .block-layered-nav dl dd {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #f5f7fb !important;
}
html body .block-layered-nav dl dd ol {
  padding: 4px 0 6px !important;
  list-style: none !important;
  margin: 0 !important;
}
/* FIX: li = flex sor → a szöveg + (darabszám) egy sorban marad */
html body .block-layered-nav dl dd ol li {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  background-image: none !important;
  font-size: 11px !important;
  color: #aaa !important;
  font-family: "Poppins", sans-serif !important;
  white-space: nowrap !important;
}
/* FIX: a = flex child, csonkítja a hosszú nevet ellipsis-szel */
html body .block-layered-nav dl dd ol li a {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 5px 6px 5px 14px !important;
  font-size: 12px !important;
  color: #555 !important;
  text-decoration: none !important;
  font-family: "Poppins", sans-serif !important;
  transition: background 0.13s, color 0.13s !important;
}
html body .block-layered-nav dl dd ol li a:hover {
  color: #E41F3A !important;
  background: #fff8f8 !important;
  text-decoration: none !important;
}
/* Aktív filter törlés gomb */
html body .block-layered-nav .currently {
  padding: 8px 14px !important;
  background: #fff8f8 !important;
  border-bottom: 1px solid #f0f2f7 !important;
}
html body .block-layered-nav .currently .block-subtitle {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #aaa !important;
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0.4px !important;
}
html body .block-layered-nav .currently ol {
  list-style: none !important;
  padding: 4px 0 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}
html body .block-layered-nav .currently ol li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 8px !important;
  background: #fde8ea !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  color: #c0172d !important;
  font-family: "Poppins", sans-serif !important;
  border: none !important;
  background-image: none !important;
}
html body .block-layered-nav .currently .btn-remove {
  color: #E41F3A !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
}
/* Sidebar egyéb blokkok (Trusted, newsletter stb) */
html body .sidebar .block {
  background: #fff !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}
html body .sidebar .block .block-title {
  padding: 10px 14px !important;
  border-bottom: 1px solid #f0f2f7 !important;
  background: #fafbfc !important;
}
html body .sidebar .block .block-title strong {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #333 !important;
  font-family: "Poppins", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}
html body .sidebar .block .block-content {
  padding: 12px 14px !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 12px !important;
  color: #555 !important;
}