/* ============================================================
   Termék-adatlap — HANDOFF redesign (a meglévő markup osztályaira)
   A működés (galéria-JS, típusválasztó, kosár, modálok) változatlan.
   A redesign.css :root tokenjeit használja (--rd-*).
   ============================================================ */

.itemDetails{ font-family:var(--rd-sans); color:var(--rd-ink); border-top:none !important; padding-top:8px; }
.itemDetails *{ box-sizing:border-box; }

/* ---- Két oszlop ---- */
.itemDetails .container-fluid{ max-width:1240px; margin:0 auto; }
.itemDetails .container-fluid > .row{ display:flex; flex-wrap:wrap; align-items:flex-start; }
.itemDetails #itemDetailsImageContainer.col-md-7{ flex:0 0 56%; max-width:56%; }
.itemDetails .col-md-5{ flex:0 0 44%; max-width:44%; padding:4px 0 0 44px !important; }
@media (max-width:900px){
  .itemDetails #itemDetailsImageContainer.col-md-7,
  .itemDetails .col-md-5{ flex:0 0 100%; max-width:100%; padding-left:0 !important; }
}

/* ============ GALÉRIA ============ */
#itemDetailsImageContainer{ display:flex; flex-direction:row-reverse; gap:14px; align-items:flex-start; }
#itemDetailsImageContainer .picDetails{
  flex:1; min-width:0; position:relative;
  background:linear-gradient(165deg,#FBFCFC 0%,#F2F7F6 100%);
  border:1px solid #EBF1F0; border-radius:22px; padding:26px;
  display:flex; align-items:center; justify-content:center; min-height:380px;
}
.picDetails .main-image, .picDetails .zoomable{ display:block; width:100%; }
.picDetails .main-image img, .picDetails picture img{
  width:100%; height:auto; filter:drop-shadow(0 18px 24px rgba(20,50,58,.12));
}
.picDetails .pinitBtn{ position:absolute; top:16px; right:16px; z-index:3; }

#itemDetailsImageContainer .itemDetailsThumbnails{
  display:flex; flex-direction:column; gap:12px; flex-shrink:0; width:84px; margin:0;
}
.itemDetailsThumbnails .zoomable.thumbnail{
  width:74px; height:74px; border:2px solid var(--rd-bd3); border-radius:13px;
  overflow:hidden; padding:4px; background:#fff; display:block; transition:all .18s;
}
.itemDetailsThumbnails .zoomable.thumbnail:hover,
.itemDetailsThumbnails .zoomable.thumbnail.active{
  border-color:var(--rd-accent); box-shadow:0 8px 18px -10px var(--rd-accent);
}
.itemDetailsThumbnails .zoomable.thumbnail img{ width:100%; height:100%; object-fit:cover; }

/* ============ VÁSÁRLÓ PANEL ============ */
.itemDetails .col-md-5 .manName{ font-size:13px; color:var(--rd-accent-dark); font-weight:700; margin-bottom:6px; }
.itemDetails h1#itemName{
  font-family:var(--rd-serif) !important; font-size:40px; font-weight:700;
  line-height:1.06; color:var(--rd-ink); letter-spacing:-.5px; margin:0 0 6px;
}

/* értékelés-sor (cím alatt) */
.item_stars{ display:flex; align-items:center; gap:10px; margin:10px 0 6px; flex-wrap:wrap; }
.item_stars .comment_stars{ display:inline-flex; gap:2px; }
.comment_stars .star{
  width:18px; height:18px; display:inline-block;
  background:var(--rd-star-empty);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 18.6 6.1 21.5l1.2-6.5L2.5 9.4l6.6-.9z'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 18.6 6.1 21.5l1.2-6.5L2.5 9.4l6.6-.9z'/></svg>") center/contain no-repeat;
}
.comment_stars .star.selected{ background:var(--rd-star); }
.comment_stars .star.empty{ background:var(--rd-star-empty); }
.item_stars .ratingCount{ font-size:13.5px; font-weight:700; color:var(--rd-accent-dark); border-bottom:1px solid var(--rd-accent-35); }
.item_stars_comment_text{ margin-top:8px; font-size:14px; color:var(--rd-mut); font-style:italic; }

/* ---- Típusválasztó: inline chip-kártyák (modál-trigger elrejtve) ---- */
.typeSelectBox{ margin-top:18px; }
.typeSelectBox .selectTypeBoxHeader{ display:none !important; }
.typeSelectBox .sizeSelect{ margin-bottom:0 !important; }
.typeSelectBox .selectTypeBox#selectTypeBoxHead{ display:flex; gap:12px; flex-wrap:wrap; border:none; padding:0; background:none; }
.original-option{
  flex:1 1 130px; min-width:130px; display:block; text-align:left;
  padding:14px 16px; border:2px solid var(--rd-bd3); border-radius:15px; background:#fff;
  font-family:var(--rd-serif); font-size:21px; font-weight:700; color:var(--rd-ink) !important;
  line-height:1.1; position:relative; transition:all .18s ease; text-decoration:none !important;
}
.original-option:hover{ border-color:var(--rd-accent-30); }
.original-option.rd-selected{
  border-color:var(--rd-accent); background:var(--rd-accent-light); color:var(--rd-accent-dark) !important;
  box-shadow:0 12px 24px -12px var(--rd-accent);
}
.original-option .stock-info{
  position:static !important; display:block !important; width:auto !important; left:auto !important; bottom:auto !important;
  font-size:11.5px !important; font-weight:800; color:var(--rd-green) !important;
  margin-top:6px; font-family:var(--rd-sans);
}
.original-option .type-sale-price-info{
  position:absolute !important; top:-10px !important; right:8px; left:auto !important; width:auto !important;
  background:#E0506B !important; color:#fff !important; border-radius:999px; padding:2px 8px; font-size:10px !important;
}
.itemDetails-alertType{
  display:none; margin-top:12px; padding:12px 16px; border-radius:12px;
  background:#FFF4E5; color:#9a5b00; font-weight:700; font-size:14px;
}
.itemDetails-alertType.show{ display:block; }

/* ---- Ár ---- */
.itemDetailsPriceBox{ margin-top:22px; }
.itemDetailsPriceBox .priceRow{
  font-size:40px; font-weight:800; color:var(--rd-ink); letter-spacing:-.5px; line-height:1.05;
}
.itemDetailsPriceBox .priceRow .oldprice,
.itemDetailsPriceBox .priceRow s{
  display:inline-block; font-size:18px; color:var(--rd-mut3); text-decoration:line-through; font-weight:600; margin-right:10px;
}
.itemDetailsPriceBox .priceRow .oldprice{ color:var(--rd-mut3) !important; }
.itemDetailsPriceBox .pieceName{ margin-top:8px; font-size:13.5px; color:var(--rd-mut2); font-weight:600; }
.itemDetailsPriceBox .pieceName b{ color:var(--rd-ink2); }

/* ajándék díszdoboz sor */
.col-md-5 .mt-2 .fa-gift, .col-md-5 .fa-gift{ color:var(--rd-accent); }
.col-md-5 .mt-2{ font-size:14px; color:var(--rd-ink2); font-weight:600; margin-top:14px !important; }

/* ---- Készlet / szállítás doboz ---- */
.stockBoxLine{ margin-top:20px; border:1px solid var(--rd-bd2); border-radius:16px; overflow:hidden; }
.stockBoxTitle{ padding:13px 18px; background:#F4FAF9; font-size:13px; font-weight:700; color:var(--rd-ink); border-bottom:1px solid #EEF3F3; }
.stockBoxTitle a{ color:var(--rd-accent-dark) !important; font-weight:700; }
.stockBox{ padding:14px 18px; font-size:14px; color:var(--rd-ink2); }
.stockBox .stockGood{ display:flex; align-items:center; }
.stockBox .stock_point{ display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--rd-green) !important; box-shadow:0 0 0 4px rgba(27,158,90,.16); margin-right:9px; }
.stockBox .stockGood span b, .stockBox b{ color:var(--rd-green); }
.stockBox .noStock{ color:#b26a00; }
.stockBoxMore{ padding:12px 18px 14px; font-size:13.5px; color:var(--rd-ink2); border-top:1px solid #EEF3F3; }
.stockBoxMore ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.stockBoxMore a{ color:var(--rd-accent-dark) !important; font-weight:700; }

/* ---- Mennyiség + Kosárba (handoff) ---- */
.rd-buy-actions{ margin-top:20px; display:flex; gap:14px; align-items:stretch; }
.rd-qty{ display:flex; align-items:center; border:1px solid var(--rd-bd4); border-radius:14px; height:58px; overflow:hidden; flex-shrink:0; }
.rd-qty button{ width:44px; height:100%; border:none; background:#fff; font-size:22px; color:var(--rd-ink2); cursor:pointer; }
.item_db{
  width:48px !important; height:56px; text-align:center; border:none !important; outline:none;
  font-weight:800; font-size:17px; color:var(--rd-ink); background:#fff; -moz-appearance:textfield;
}
.item_db::-webkit-outer-spin-button, .item_db::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.to_basket{
  flex:1; display:flex !important; align-items:center; justify-content:center; gap:10px;
  height:58px; padding:0 24px !important; margin:0 !important; border:none; border-radius:15px;
  color:#fff !important; font-size:16px; font-weight:800; letter-spacing:.01em; cursor:pointer;
  background:linear-gradient(180deg,var(--rd-cta-top) 0%,var(--rd-cta) 52%,var(--rd-cta-dark) 100%);
  box-shadow:0 16px 28px -10px var(--rd-cta),0 5px 10px -5px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .15s ease;
}
.to_basket:hover{ transform:translateY(-2px); color:#fff !important; }

/* ---- Trust chipek ---- */
.rd-trust{ margin-top:22px; display:flex; gap:10px; flex-wrap:wrap; }
.rd-trust .chip{ display:flex; align-items:center; gap:8px; padding:9px 14px; border:1px solid #EAF0F0; border-radius:12px; font-size:12.5px; font-weight:700; color:var(--rd-ink2); }
.rd-trust .chip svg{ flex-shrink:0; }

/* ============ ÉRTÉKELÉSEK (handoff) ============ */
.reviews-section{ padding:56px 0 8px; max-width:1240px; margin:0 auto; }
.reviews-container{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:32px; align-items:start; }
@media (max-width:900px){ .reviews-container{ grid-template-columns:1fr; } }
.rating-summary{ background:var(--rd-cream); border-radius:20px; padding:32px; display:flex; flex-direction:column; align-items:flex-start; }
.rating-summary .rating-number{ font-family:var(--rd-serif); font-size:60px; font-weight:700; color:var(--rd-ink); line-height:1; }
.rating-stars-main{ display:flex; gap:3px; margin-top:8px; }
.rating-stars-main .star{
  width:24px; height:24px; background:var(--rd-star);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 18.6 6.1 21.5l1.2-6.5L2.5 9.4l6.6-.9z'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 18.6 6.1 21.5l1.2-6.5L2.5 9.4l6.6-.9z'/></svg>") center/contain no-repeat;
}
.rating-stars-main .star.empty{ background:var(--rd-star-empty); }
.rating-summary .rating-text{ margin-top:14px; font-size:15px; color:#7B6F5E; font-weight:600; }
.rating-rows-container.collapsed{ max-height:430px; overflow:hidden; }
.review_item{ padding:15px 0; border-bottom:1px solid #F1F5F5 !important; }
.review_item .comment_stars{ display:inline-flex; gap:2px; }
.review_item [itemprop="name"]{ font-size:15px; font-weight:800; color:var(--rd-ink); }
.review_item .badge{ background:var(--rd-accent-light) !important; color:var(--rd-accent-dark) !important; border-radius:8px; font-weight:700; }
.review_item [itemprop="reviewBody"]{ font-size:14px; color:var(--rd-mut); line-height:1.6; }
#toggleBtn{ display:inline-flex; align-items:center; gap:7px; margin-top:18px; font-size:14px; font-weight:800; color:var(--rd-accent-dark) !important; }

/* section címek (ha vannak) */
.itemDetails h2, .reviews-section h2{ font-family:var(--rd-serif) !important; color:var(--rd-ink); }

/* ============ JAVÍTÁSOK (handoff finomítás) ============ */

/* ---- Nagyítás-overlay: alapból REJTVE (a JS aktiválja) ---- */
.itemDetails-zoom-overlay{ display:none !important; position:fixed; inset:0; z-index:9999; background:rgba(20,50,58,.92); align-items:center; justify-content:center; }
.itemDetails-zoom-overlay.active,
.itemDetails-zoom-overlay[style*="display: flex"],
.itemDetails-zoom-overlay[style*="display:flex"]{ display:flex !important; }
.itemDetails-zoom-close{ position:absolute; top:20px; right:26px; font-size:34px; color:#fff; cursor:pointer; z-index:2; }
.itemDetails-zoom-controls{ position:absolute; bottom:24px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:2; }
.itemDetails-zoom-btn{ width:42px; height:42px; border-radius:10px; border:none; background:#fff; font-size:20px; cursor:pointer; }
#itemDetailsZoomImage{ max-width:90%; max-height:90%; cursor:grab; }

/* ---- Típus chip-kártyák: hossz nagy + Súly szürke + zöld pötty Raktáron ---- */
.original-option{ padding:15px 16px; }
.original-option .rd-chip-len{ display:block; font-family:var(--rd-serif); font-size:24px; font-weight:700; color:inherit; line-height:1; }
.original-option .rd-chip-w{ display:block; font-family:var(--rd-sans); font-size:12.5px; color:var(--rd-mut2) !important; font-weight:600; margin-top:5px; }
.original-option .stock-info::before{ content:"●"; color:var(--rd-green); margin-right:5px; font-size:9px; vertical-align:middle; }

/* ---- Info-kártyák (jellemzők / kinek / miért) — handoff ---- */
.row.mt-4{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:24px; margin:60px auto 8px !important; max-width:1240px; }
@media (max-width:900px){ .row.mt-4{ grid-template-columns:1fr; } }
.row.mt-4 > .col-md-4{ max-width:none !important; min-width:0 !important; flex:1 1 0 !important; width:auto !important; padding:0 !important; }
.itemDetails .propBox{ border:1px solid var(--rd-bd); border-radius:18px; padding:28px; background:#fff; box-shadow:0 24px 50px -42px rgba(20,50,58,.5); height:100%; }
.itemDetails .propBox h3{ font-family:var(--rd-serif) !important; font-size:23px !important; font-weight:700; color:var(--rd-ink); line-height:1.25; margin:0 0 16px; }
/* spec sorok */
.paramListBox{ display:block; }
.paramListBox .paramBox{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:11px 0; border-bottom:1px solid #F1F5F5; }
.paramListBox .paramTitle{ font-size:13.5px; color:var(--rd-mut3) !important; font-weight:600; }
.paramListBox .paramItems{ font-size:13.5px; color:var(--rd-ink); font-weight:700; text-align:right; }
.paramListBox .clr{ display:none; }
/* "kinek ajánljuk" lista — zöld pipák */
.itemDetails .propBox ul{ list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.itemDetails .propBox ul li{ position:relative; padding-left:32px; font-size:14.5px; color:var(--rd-ink2); font-weight:600; }
.itemDetails .propBox ul li::before{
  content:""; position:absolute; left:0; top:0; width:21px; height:21px; border-radius:50%;
  background:var(--rd-accent) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.2 4.2L19 6'/></svg>") center/12px no-repeat;
}
/* idézet/garancia box → türkiz (a kék helyett) */
.idezetDetails{ margin-top:18px; background:var(--rd-accent-light) !important; color:var(--rd-ink2) !important; border:1px solid var(--rd-accent-22); border-radius:14px; padding:18px; }
.idezetDetails span{ display:block; font-family:var(--rd-serif); font-size:20px; font-weight:700; color:var(--rd-ink) !important; margin-bottom:6px; }

/* ---- Chip finomítás: pipa + Raktáron balra + nem-kijelölt fehér ---- */
.original-option{ overflow:visible; }
.original-option.rd-selected::after{
  content:""; position:absolute; top:-9px; right:-9px; width:23px; height:23px; border-radius:50%;
  background:var(--rd-accent) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.2 4.2L19 6'/></svg>") center/12px no-repeat;
  box-shadow:0 3px 7px rgba(0,0,0,.25);
}
.original-option .stock-info{ text-align:left !important; }
.original-option:not(.rd-selected){ background:#fff !important; border:2px solid var(--rd-bd3) !important; }

/* ============ INFO-KÁRTYÁK — ERŐS FELÜLÍRÁS (bundle ellen) ============ */
.row.mt-4:has(.propBox){ display:grid !important; grid-template-columns:repeat(3,1fr); gap:24px; margin:60px auto 8px !important; max-width:1240px; }
@media (max-width:900px){ .row.mt-4:has(.propBox){ grid-template-columns:1fr; } }
.row.mt-4 > .col-md-4:has(.propBox){ max-width:100% !important; flex:none !important; padding:0 !important; }
.propBox{ border:1px solid var(--rd-bd) !important; border-radius:18px !important; padding:28px !important; background:#fff !important; box-shadow:0 24px 50px -42px rgba(20,50,58,.5) !important; height:100%; }
.propBox h3{ font-family:var(--rd-serif) !important; font-size:23px !important; font-weight:700 !important; color:var(--rd-ink) !important; line-height:1.25 !important; margin:0 0 16px !important; border:none !important; padding:0 !important; }
/* spec táblázat — szürke háttér le, két oszlop rendben */
.propBox .paramListBox{ border-top:none !important; }
.propBox .paramListBox .paramBox{ display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap:16px !important; padding:11px 0 !important; border:none !important; border-bottom:1px solid #F1F5F5 !important; font-size:13.5px !important; }
.propBox .paramListBox .paramBox .paramTitle{ background:none !important; background-color:transparent !important; padding:0 !important; margin:0 !important; flex:0 0 auto !important; width:auto !important; font-size:13.5px !important; color:var(--rd-mut3) !important; font-weight:600 !important; }
.propBox .paramListBox .paramBox .paramItems{ flex:1 1 auto !important; width:auto !important; max-width:none !important; padding:0 !important; text-align:right !important; font-size:13.5px !important; color:var(--rd-ink) !important; font-weight:700 !important; }
/* "kinek ajánljuk" lista — zöld pipák */
.propBox ul{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid !important; gap:11px !important; }
.propBox ul li{ position:relative !important; padding-left:32px !important; font-size:14.5px !important; color:var(--rd-ink2) !important; font-weight:600 !important; list-style:none !important; border:none !important; }
.propBox ul li::marker{ content:"" !important; }
.propBox ul li::before{
  content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:21px !important; height:21px !important; border-radius:50% !important;
  background:var(--rd-accent) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.2 4.2L19 6'/></svg>") center/12px no-repeat !important;
}
/* garancia/idézet box → türkiz, balra */
.propBox .idezetDetails{ margin-top:18px !important; background:var(--rd-accent-light) !important; color:var(--rd-ink2) !important; border:1px solid var(--rd-accent-22) !important; border-radius:14px !important; padding:18px !important; text-align:left !important; }
.propBox .idezetDetails span{ display:block !important; font-family:var(--rd-serif) !important; font-size:20px !important; font-weight:700 !important; color:var(--rd-ink) !important; margin-bottom:6px !important; text-align:left !important; }

/* ============ INFO-KÁRTYÁK a DESIGN markupon (.rd-card) ============ */
.rd-cards3{ max-width:1240px; margin-left:auto !important; margin-right:auto !important; }
.rd-card-cell{ display:block; }
.rd-card-cell .rd-card{ height:100%; }
.rd-card .rd-specs{ margin-top:4px; }
.rd-card .rd-spec-row{ align-items:flex-start; }
.rd-card .rd-spec-row .k{ flex:0 0 auto; }
.rd-card .rd-spec-row .v{ flex:1 1 auto; text-align:right; }
.rd-card .rd-spec-row .clr{ display:none; }
/* "kinek ajánljuk" prefer_text lista — zöld pipák */
.rd-card ul{ list-style:none; margin:14px 0 0; padding:0; display:grid; gap:11px; }
.rd-card ul li{ position:relative; padding-left:32px; font-size:14.5px; color:var(--rd-ink2); font-weight:600; list-style:none; }
.rd-card ul li::marker{ content:""; }
.rd-card ul li::before{
  content:""; position:absolute; left:0; top:0; width:21px; height:21px; border-radius:50%;
  background:var(--rd-accent) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.2 4.2L19 6'/></svg>") center/12px no-repeat;
}
.rd-card p, .rd-card .rd-why-text{ font-size:14.5px; line-height:1.65; color:var(--rd-mut); margin-top:14px; }
/* garancia/idézet box → türkiz */
.rd-card .idezetDetails{ margin-top:18px; background:var(--rd-accent-light); border:1px solid var(--rd-accent-22); border-radius:14px; padding:18px; color:var(--rd-ink2); }
.rd-card .idezetDetails span{ display:block; font-family:var(--rd-serif); font-size:20px; font-weight:700; color:var(--rd-ink); margin-bottom:6px; }

/* a 3 info-kártya a megtartott bootstrap row/col-ban — egyenlő magasság */
.row.mt-4 .col-md-4 > .rd-card{ height:100%; }
.row.mt-4{ margin-top:60px !important; }

/* ============ Szállítás / Fizetés / Garancia → 3 KÁRTYA (handoff) ============ */
.propBox.mt-4:has(#payment-details-info){ border:none !important; box-shadow:none !important; background:none !important; padding:0 !important; margin:64px auto 24px !important; max-width:1240px; }
#payment-details-info > h3{ font-family:var(--rd-serif) !important; font-size:32px !important; font-weight:700 !important; color:var(--rd-ink) !important; margin:0 0 26px !important; padding:0 !important; border:none !important; text-align:center; }
.paymentDetailsInfo{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }
@media (max-width:900px){ .paymentDetailsInfo{ grid-template-columns:1fr; } }
.paymentDetailsInfoBox{ border:1px solid var(--rd-bd) !important; border-radius:18px !important; padding:26px !important; background:#fff !important; box-shadow:0 24px 50px -42px rgba(20,50,58,.5) !important; height:100%; font-size:14px; color:var(--rd-ink2); }
.paymentDetailsInfoBox > div{ height:auto; }
/* fejléc: ikon + cím */
.paymentDetailsInfoBox b:has(.fa-truck), .paymentDetailsInfoBox b:has(.fa-credit-card), .paymentDetailsInfoBox b:has(.fa-shield){ display:flex !important; align-items:center; gap:11px; font-size:17px; font-weight:800; color:var(--rd-ink); margin-bottom:14px; }
.paymentDetailsInfoBox .fa-truck, .paymentDetailsInfoBox .fa-credit-card, .paymentDetailsInfoBox .fa-shield{ width:40px !important; height:40px; border-radius:12px; background:linear-gradient(145deg,var(--rd-accent),#25ABA4); color:#fff !important; display:inline-flex; align-items:center; justify-content:center; font-size:17px; box-shadow:0 10px 20px -12px var(--rd-accent); flex-shrink:0; }
.paymentDetailsInfoBox ul{ list-style:none !important; margin:8px 0 0 !important; padding:0 !important; display:grid; gap:9px; }
.paymentDetailsInfoBox ul li{ font-size:14px; color:var(--rd-ink2); line-height:1.5; list-style:none; }
.paymentDetailsInfoBox a{ color:var(--rd-accent-dark) !important; }
.paymentDetailsInfoBox .small{ color:var(--rd-mut3) !important; font-size:11.5px; margin-top:8px; }
.paymentDetailsInfoBox .itemPropBankImg{ margin-top:8px; }

/* ============ ÉRTÉKELÉSEK — handoff: középre + csempék ============ */
.propBox.mt-4:has(.reviews-section){ border:none !important; box-shadow:none !important; background:none !important; padding:0 !important; margin:64px auto 24px !important; max-width:1240px; text-align:center; }
.propBox.mt-4:has(.reviews-section) > h3{ font-family:var(--rd-serif) !important; font-size:32px !important; font-weight:700 !important; color:var(--rd-ink) !important; margin:0 0 22px !important; padding:0 !important; border:none !important; text-align:center; }
.reviews-section{ padding:0 !important; max-width:none; }
.reviews-container{ display:block !important; grid-template-columns:none !important; }
/* átlag-összegzés középre */
.rating-summary{ background:none !important; padding:0 0 6px !important; display:flex !important; flex-direction:column; align-items:center !important; }
.rating-summary .rating-number{ font-family:var(--rd-serif); font-size:58px; font-weight:700; color:var(--rd-ink); line-height:1; }
.rating-stars-main{ justify-content:center; }
.rating-summary .rating-text{ color:var(--rd-mut2) !important; margin-top:10px; }
/* csempe-konténer */
.rating-breakdown{ margin-top:24px; }
.rating-rows-container, .rating-rows-container.collapsed{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:16px; max-height:none !important; overflow:visible !important; }
/* csempe (mint a típusválasztó border) */
.review_item{ flex:0 0 auto; width:230px; border:2px solid var(--rd-bd3) !important; border-radius:15px !important; padding:18px !important; background:#fff; text-align:center; margin:0 !important; }
.review_item .rd-rev-name{ font-size:15px; font-weight:800; color:var(--rd-ink); }
.review_item .comment_stars{ display:inline-flex; gap:2px; margin:9px 0 7px; justify-content:center; }
.review_item .rd-rev-confirmed{ font-size:12px; color:var(--rd-mut4); font-weight:600; }
.review_item .rd-rev-confirmed .fa{ color:var(--rd-green); margin-right:3px; }
.review_item .rd-rev-body{ margin-top:11px; font-size:13px; color:var(--rd-mut); line-height:1.55; }
#toggleBtn{ display:none !important; }
/* mobil: vízszintes scroll (egy sorban, jobbra görgethető) */
@media (max-width:680px){
  .rating-rows-container, .rating-rows-container.collapsed{ flex-wrap:nowrap !important; overflow-x:auto !important; justify-content:flex-start; padding-bottom:10px; -webkit-overflow-scrolling:touch; }
  .review_item{ width:200px; }
}
/* #88: szállítás/fizetés/garancia fejléc ikon+cím egy vonalban */
.paymentDetailsInfoBox b:has(.fa-truck), .paymentDetailsInfoBox b:has(.fa-credit-card), .paymentDetailsInfoBox b:has(.fa-shield){ line-height:1; }

/* ============ Értékelés finomítás (#90/#91/#92) ============ */
/* avatar-kör a csempén */
.review_item .rd-rev-avatar{ width:44px; height:44px; border-radius:50%; background:var(--rd-accent-light); color:var(--rd-accent-dark); display:flex; align-items:center; justify-content:center; font-family:var(--rd-serif); font-weight:700; font-size:18px; margin:0 auto 10px; border:1px solid var(--rd-accent-20); text-transform:uppercase; }
/* random komment a cím alatt — halvány idézet-box */
.item_stars_comment_text{ margin-top:12px !important; padding:13px 16px; background:var(--rd-accent-light); border:1px solid var(--rd-accent-22); border-left:3px solid var(--rd-accent); border-radius:12px; font-size:14px; line-height:1.55; color:var(--rd-mut) !important; font-style:italic; max-width:46ch; }
/* desktop: max ~3 sor + "továbbiak" toggle */
.rating-rows-container.collapsed{ max-height:680px !important; overflow:hidden !important; }
#toggleBtn{ display:inline-flex !important; align-items:center; gap:7px; margin-top:20px; font-size:14px; font-weight:800; color:var(--rd-accent-dark) !important; cursor:pointer; }
/* mobil: max 3 elem magasság + vertikális scroll, nincs toggle */
@media (max-width:680px){
  .rating-rows-container, .rating-rows-container.collapsed{ flex-wrap:wrap !important; overflow-x:hidden !important; overflow-y:auto !important; max-height:560px !important; justify-content:center; }
  .review_item{ width:100% !important; max-width:330px; }
  #toggleBtn{ display:none !important; }
}

/* ============ VISSZAÁLLÍTOTT modál + sticky-cart CSS (a rewrite-kor elveszett) ============ */

.itemDetails-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.itemDetails-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.itemDetails-modal-content {
  position: absolute;
  top: 0;
  right: -80%;
  width: 80%;
  height: 100%;
  background: white;
  transition: right 0.4s ease;
  display: flex;
  flex-direction: column;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3);
}

.itemDetails-modal-overlay.active .itemDetails-modal-content {
  right: 0;
}

.itemDetails-modal-header {
  padding: 25px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9f9f9;
}

.itemDetails-modal-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #333;
}

.itemDetails-modal-close {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #666;
  padding: 5px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.itemDetails-modal-close:hover {
  background: #e0e0e0;
  color: #333;
}

.itemDetails-modal-body {
  flex: 1;
  padding: 25px;
  overflow-y: auto;
}

.itemDetails-size-option {
  display: block;
  width: 100%;
  padding: 18px 20px;
  margin-bottom: 12px;
  background: white;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  text-decoration: none;
  color: #333;
  font-size: 1.1rem;
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.itemDetails-size-option:hover {
  border-color: #d8b369;
  background: #d8b369;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(210, 105, 30, 0.2);
}

.itemDetails-size-option.selected {
  border-color: #d8b369;
  background: #d8b369;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(210, 105, 30, 0.3);
}

.itemDetails-size-option.selected:hover {
  background: #d8b369;
  border-color: #d8b369;
}

.itemDetails-size-option .stock-status {
  position: absolute;
  bottom: 4px;
  left: 20px;
  width: 100%;
  text-align: left;
  font-size: 10px;
  color: green;
  font-weight: normal;
}

.itemDetails-size-option.selected .stock-status {
  color: #c8f7c5;
}

.itemDetails-sticky-cart {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  border-top: 2px solid #d8b369;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
  padding: 15px 20px;
  z-index: 999;
  transform: translateY(100%);
  transition: transform 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.itemDetails-sticky-cart.visible {
  transform: translateY(0);
}

.itemDetails-sticky-cart-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.searchContent.crossSellItems .search-result-item-href {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  border-bottom: none;
  cursor: pointer;
}

.searchContent.crossSellItems .search-result-list .search-result-item {
  border-bottom: none;
}

.crosssell-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.crosssell-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.crosssell-modal-content {
  background: white;
  border-radius: 12px;
  max-width: 1200px;
  width: 90%;
  max-height: 90vh;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  transform: scale(0.8);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

.crosssell-modal-overlay.active .crosssell-modal-content {
  transform: scale(1);
}

.crosssell-modal-header {
  background-color: #EAF8F7;
  padding: 15px;
  border-radius: 12px 12px 0 0;
  text-align: center;
  position: relative;
}

.crosssell-modal-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.crosssell-modal-subtitle {
  font-size: 1rem;
  margin: 8px 0 0 0;
  opacity: 0.9;
}

.crosssell-modal-close {
  position: absolute;
  top: 15px;
  right: 20px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  font-size: 24px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.crosssell-modal-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.crosssell-modal-body {
  padding: 30px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

.crosssell-section {
  margin-bottom: 30px;
}

.crosssell-section:last-child {
  margin-bottom: 0;
}

.crosssell-section-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  border-radius: 8px;
  text-align: left;
}

.crosssell-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.crosssell-item {
  border: 2px solid #f0f0f0;
  border-radius: 8px;
  padding: 15px;
  transition: all 0.3s ease;
  cursor: pointer;
  background: white;
}

.crosssell-item:hover {
  border-color: #2BBFB7;
  box-shadow: 0 4px 12px rgba(210, 105, 30, 0.1);
}

.crosssell-item.selected {
  border-color: #2BBFB7;
  background: #EAF8F7;
}

.crosssell-item-content {
  display: flex;
  align-items: center;
  gap: 15px;
}

.crosssell-item-image {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
  background: #f5f5f5;
}

.crosssell-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.crosssell-item-details {
  flex: 1;
  min-width: 0;
}

.crosssell-item-name {
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
  line-height: 1.3;
  font-size: 1rem;
}

.crosssell-item-description {
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 4px;
  line-height: 1.3;
}

.crosssell-item-stock {
  font-size: 0.8rem;
  color: #28a745;
  font-weight: 500;
}

.crosssell-item-controls {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
}

.crosssell-item-quantity {
  display: flex;
  align-items: center;
  gap: 8px;
}

.crosssell-item-quantity input {
  width: 50px;
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  font-size: 0.9rem;
}

.crosssell-item-price {
  font-weight: 700;
  font-size: 1.1rem;
  white-space: nowrap;
  min-width: 80px;
  text-align: right;
}

.crosssell-item-checkbox {
  display: none; /* Hide the actual checkbox */
}

.crosssell-item-toggle {
  height: 32px;
  background: #f0f0f0;
  border: 2px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  margin-left: 10px;
  position: relative;
  padding: 0 12px;
  gap: 6px;
  min-width: 90px;
}

.crosssell-item-toggle:hover {
  border-color: #2BBFB7;
  background: #f8f8f8;
}

.crosssell-item-toggle.selected {
  background: #28a745;
  border-color: #28a745;
  color: white;
}

.crosssell-item-toggle .checkmark {
  font-size: 14px;
  font-weight: bold;
  opacity: 0.3;
  transition: all 0.3s ease;
}

.crosssell-item-toggle .toggle-text {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.6;
  transition: all 0.3s ease;
}

.crosssell-item-toggle.selected .checkmark {
  opacity: 1;
  color: white;
}

.crosssell-item-toggle.selected .toggle-text {
  opacity: 1;
  color: white;
}

.crosssell-modal-footer {
  padding: 25px 30px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  background: #f8f9fa;
  border-radius: 0 0 12px 12px;
  flex-shrink: 0;
}

.crosssell-modal-total {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
}

.crosssell-modal-buttons {
  display: flex;
  gap: 12px;
}

.crosssell-btn {
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1rem;
}

.crosssell-btn-skip {
  background: #cac6bc;
  color: #FFF;
}

.crosssell-btn-skip:hover {
  background: #b2afa6;
}

.crosssell-btn-add {
  background: #2BBFB7;
  color: white;
}

.crosssell-btn-add:hover {
  background: #1E837C;
}

@media screen and (max-width: 992px) {
.itemDetails {
    padding: 15px 0px;
  }
.itemDetailsThumbnails {
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #EEE;
  }
.itemDetailsThumbnails a {
    width: 100px;
    height: 100px;
  }
.itemDetails .container-fluid {
    padding: 0px;
  }
.itemDetails .row {
    margin: 0px;
  }
.itemDetailsBuyInfo .col-md-4 {
    margin-bottom: 15px;
  }
.itemDetails h1 {
    font-size: 18px;
    font-weight: bold;
  }
.searchContent.crossSellItems {
    padding: 0px;
  }
.searchContent.crossSellItems .search-result-item-href {
    display: block;
    width: 100%;
    vertical-align: top;
    border-bottom: none;
  }
.searchContent.crossSellItems .search-result-list .search-result-item {
    border-bottom: 1px solid #EEE;
  }
.reviews-container {
    flex-direction: column;
    align-items: stretch; /* Teljes szélességet használja */
    gap: 0px; /* Kisebb gap mobilon */
  }
.rating-summary {
    padding: 40px 20px; /* Kisebb padding mobilon */
    align-self: stretch; /* Ez biztosítja a teljes szélességet */
    width: 100%; /* Explicit teljes szélesség */
  }
.rating-breakdown {
    padding-top: 15px;
  }
.itemDetails-zoom-close {
    top: 80px;
  }
.rating-summary-left {
    border-bottom: 1px solid #DDD;
    padding-bottom: 25px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
.itemDetails-modal-content {
    width: 95%;
    right: -95%;
  }
.itemDetails-modal-header, .itemDetails-modal-body {
    padding: 20px;
  }
.itemDetails-size-option {
    padding: 15px;
    font-size: 1rem;
  }
.itemDetails-sticky-cart {
    padding: 12px 15px;
  }
.itemDetails-sticky-product-name {
    font-size: 0.9rem;
  }
.itemDetails-sticky-quantity input {
    width: 45px;
  }
.itemDetails-sticky-add-button {
    padding: 8px 12px;
    font-size: 0.85rem;
  }
.itemDetailsThumbnails {
    order: 2;
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow-x: auto;
    padding: 10px 0;
  }
.picDetails {
    order: 1;
  }
.itemDetailsThumbnails .zoomable {
    flex: 0 0 80px;
    height: 80px;
  }
.itemDetailsThumbnails img {
    width: 80px;
    height: 80px;
    object-fit: cover;
  }
.crosssell-modal-content {
    width: 95%;
    max-height: 89vh;
    margin-top: 60px;
  }
.crosssell-modal-header {
    padding: 30px 20px 10px 20px;
  }
.crosssell-modal-title {
    font-size: 1.5rem;
  }
.crosssell-modal-body {
    padding: 20px;
  }
.crosssell-item-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
.crosssell-item-image {
    align-self: center;
  }
.crosssell-item-controls {
    width: 100%;
    justify-content: space-between;
  }
.crosssell-modal-footer {
    flex-direction: column;
    gap: 15px;
    padding: 20px;
  }
.crosssell-modal-buttons {
    width: 100%;
  }
.crosssell-btn {
    flex: 1;
  }
.picDetails .pinitBtn {
    right: auto;
    left: 0px;
  }
}
/* ============ Cím alatti random komment — #94 idézet-box ============ */
.item_stars{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.item_stars .rd-rating-num{ font-weight:800; font-size:15px; color:var(--rd-ink); }
.item_stars .ratingCount{ font-size:13.5px; font-weight:700; color:var(--rd-accent-dark) !important; border-bottom:1px solid var(--rd-accent-35); cursor:pointer; }
.item_stars_comment_text{
  position:relative !important; margin:18px 0 4px !important;
  padding:18px 22px 16px 30px !important;
  background:#FBFCFC !important; border:1px solid #EDF1F1 !important; border-left:1px solid #EDF1F1 !important;
  border-radius:16px !important; box-shadow:0 18px 40px -34px rgba(20,50,58,.55) !important;
  font-size:15px !important; line-height:1.6 !important; color:var(--rd-mut) !important; font-style:italic !important;
  max-width:none !important;
}
.item_stars_comment_text::before{
  content:"\201C"; position:absolute; top:-6px; left:14px;
  font-family:Georgia,serif; font-size:52px; line-height:1; color:var(--rd-accent); opacity:.55;
}

/* Pinterest "Mentés" gomb elrejtve */
.picDetails .pinitBtn, .pinitBtn{ display:none !important; }

/* Kép-keret eltávolítása (#100) — sima kép, nincs gradient/border/árnyék */
#itemDetailsImageContainer .picDetails{ background:none !important; border:none !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; min-height:auto !important; }

/* Kép: nincs árnyék (drop-shadow le), de 25px lekerekítés (#101) */
.picDetails .main-image img, .picDetails picture img, .picDetails .zoomable img{ filter:none !important; border-radius:25px; }

/* Lágy border a képre (#102) */
#itemDetailsImageContainer .picDetails{ background:#fff !important; border:1px solid #ECF1F1 !important; border-radius:25px !important; box-shadow:0 12px 34px -24px rgba(20,50,58,.32) !important; overflow:hidden; padding:0 !important; }


#itemDetailsImageContainer .picDetails{ padding:0 !important; }

/* Több hely a sticky header alatt felül (#103) */
.navigation{ padding:6px 0 !important; }
.itemDetails{ padding-top:18px !important; }

/* ============ Ródium-box + info-gap + termékajánló + sticky-bár ============ */
/* Ródium info-box (#104) */
.itemDetails .border.p-2.small{ margin:16px 0 0 !important; padding:14px 18px !important; border:1px solid var(--rd-bd2) !important; border-radius:14px !important; background:#FBFCFC !important; color:var(--rd-ink2) !important; font-size:13.5px !important; line-height:1.55; }
/* info-kártyák gap csökkentés (ne legyen túl nagy rés) */
.row.mt-4{ margin-top:40px !important; }

/* Termékajánló (#105) — egymás mellett, grid + kártyák */
.offerItemsTitle{ text-align:center; margin:40px 0 !important; border:none !important; }
.offerItemsTitle span{ font-family:var(--rd-serif) !important; font-size:30px; font-weight:700; color:var(--rd-ink); border:none !important; }
.itemOfferList{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:24px; max-width:1240px; margin:0 auto; }
@media (max-width:1100px){ .itemOfferList{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){ .itemOfferList{ grid-template-columns:repeat(2,1fr); } }
.itemOfferList .itemListItem{ width:auto !important; max-width:none !important; margin:0 !important; float:none !important; border:1px solid var(--rd-bd); border-radius:18px; padding:0 !important; overflow:hidden; box-shadow:0 24px 50px -42px rgba(20,50,58,.5); background:#fff; display:flex; flex-direction:column; text-align:center; height:100%; }
.itemOfferList .in{ display:flex; flex-direction:column; height:100%; }
.itemOfferList .listItemPic{ background:linear-gradient(165deg,#FBFCFC,#F2F7F6); padding:14px; }
.itemOfferList .listItemPic img{ max-height:180px; width:auto; max-width:100%; margin:0 auto; object-fit:contain; mix-blend-mode:multiply; }
.itemOfferList .listItemTitle{ padding:12px 14px 0; }
.itemOfferList .listItemTitle h3{ margin:0 0 6px; }
.itemOfferList .listItemTitle h3 a{ font-family:var(--rd-serif); font-size:16px; font-weight:700; color:var(--rd-accent-dark) !important; line-height:1.3; }
.itemOfferList .item_stars{ justify-content:center; padding:0 14px; }
.itemOfferList .itemListPrise, .itemOfferList .price{ padding:0 14px; font-weight:800; color:var(--rd-ink); }
.itemOfferList .moreBtn{ margin:auto 14px 14px !important; display:block; padding:10px !important; border:1.5px solid var(--rd-accent) !important; border-radius:12px !important; color:var(--rd-accent-dark) !important; background:transparent !important; font-weight:800 !important; }
.itemOfferList .moreBtn:hover{ background:var(--rd-accent) !important; color:#fff !important; }

/* Sticky cart bar (#106) — fehér + narancs CTA */
.itemDetails-sticky-cart{ background:#fff !important; box-shadow:0 -8px 30px -16px rgba(20,50,58,.4) !important; border-top:1px solid var(--rd-bd) !important; }
.itemDetails-sticky-product-name{ font-family:var(--rd-sans) !important; font-size:15px !important; font-weight:700 !important; color:var(--rd-ink) !important; }
.itemDetails-sticky-quantity input{ border:1px solid var(--rd-bd4) !important; border-radius:10px !important; }
.itemDetails-sticky-add-button{ background:linear-gradient(180deg,var(--rd-cta-top) 0%,var(--rd-cta) 52%,var(--rd-cta-dark) 100%) !important; color:#fff !important; border:none !important; border-radius:12px !important; font-weight:800 !important; padding:12px 26px !important; box-shadow:0 10px 22px -10px var(--rd-cta) !important; }

/* Típus chipek: egyenletes szélesség (ne ugorjon ki a magányos/utolsó chip #110/#111) */
.typeSelectBox .selectTypeBox#selectTypeBoxHead{ display:grid !important; grid-template-columns:repeat(2,1fr); gap:12px; }
.original-option{ flex:none !important; min-width:0 !important; width:auto !important; }
@media (max-width:520px){ .typeSelectBox .selectTypeBox#selectTypeBoxHead{ grid-template-columns:1fr; } }

/* ============ Értékelések popup-modal (#116) ============ */
.rd-reviews-modal-overlay{ display:none; position:fixed; inset:0; z-index:9998; background:rgba(20,50,58,.55); align-items:flex-start; justify-content:center; padding:40px 20px; overflow-y:auto; }
.rd-reviews-modal-overlay.open{ display:flex; }
.rd-reviews-modal{ position:relative; background:#fff; border-radius:20px; max-width:1000px; width:100%; padding:40px 30px 30px; box-shadow:0 40px 80px -30px rgba(20,50,58,.55); }
.rd-reviews-modal-close{ position:absolute; top:14px; right:16px; width:38px; height:38px; border:none; background:#F4F8F8; border-radius:50%; font-size:24px; color:var(--rd-ink2); cursor:pointer; line-height:1; z-index:2; }
.rd-reviews-modal-close:hover{ background:var(--rd-accent-light); color:var(--rd-accent-dark); }
.rd-reviews-modal #reviewsModalBody .rating-rows-container,
.rd-reviews-modal #reviewsModalBody .rating-rows-container.collapsed{ max-height:none !important; overflow:visible !important; }
.rd-reviews-modal #reviewsModalBody #toggleBtn{ display:none !important; }

/* Chip "kiugrás" fix (#117): a buy-oszlopnak jobb padding (a kijelolt chip glow ne logjon ki) + visszafogottabb glow */
.itemDetails .col-md-5{ padding-right:14px !important; }
.original-option.rd-selected{ box-shadow:0 10px 22px -15px rgba(43,191,183,.85) !important; }
.typeSelectBox .selectTypeBox#selectTypeBoxHead{ grid-template-columns:repeat(2,1fr) !important; }

/* Sticky-bár darabszám: kompaktabb, kifinomultabb (#123) */
.itemDetails-sticky-quantity{ display:flex !important; align-items:center; gap:7px; }
.itemDetails-sticky-quantity input#stickyQuantity{ width:58px !important; max-width:58px !important; height:42px !important; text-align:center !important; border:1px solid var(--rd-bd4) !important; border-radius:10px !important; font-weight:700 !important; font-size:15px !important; padding:0 6px !important; color:var(--rd-ink) !important; -moz-appearance:textfield; }
.itemDetails-sticky-quantity input#stickyQuantity::-webkit-outer-spin-button,
.itemDetails-sticky-quantity input#stickyQuantity::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.itemDetails-sticky-quantity span{ font-size:13px !important; color:var(--rd-mut2) !important; font-weight:600; }

/* Szállítás/Fizetés: pipák a fő ikon (40px) függőleges tengelyére (középre) + lista lejjebb kezdve (#128) */
.paymentDetailsInfoBox ul{ margin-top:16px !important; }
.paymentDetailsInfoBox ul li{ position:relative !important; padding-left:44px !important; }
.paymentDetailsInfoBox ul li::before{ left:10px !important; top:1px !important; }

/* 3 kártya (Szállítás/Fizetés/Garancia): a tartalom EGY SÍKBAN kezdődjön (#129) — a fejléc-margó adja a gapet, a tartalom felső margó/padding 0 (a margin-collapse egységes) */
.paymentDetailsInfoBox b:has(.fa-truck), .paymentDetailsInfoBox b:has(.fa-credit-card), .paymentDetailsInfoBox b:has(.fa-shield){ margin-bottom:18px !important; }
.paymentDetailsInfoBox ul{ margin-top:0 !important; }
.paymentDetailsInfoBox > div[style*="padding-top:10px"], .paymentDetailsInfoBox div[style*="padding-top:10px"]{ padding-top:0 !important; }

/* "Fizetés, szállítás bővebben" popup (#infoModalLong/#modalinfodesc): a 3 kártya EGYMÁS ALATT (nem egymás mellett, mert a modál keskeny) #130 */
#modalinfodesc .paymentDetailsInfo{ display:block !important; }
#modalinfodesc .paymentDetailsInfoBox{ display:block !important; margin:0 0 16px !important; width:auto !important; }
#modalinfodesc #payment-details-info > h3, #modalinfodesc > h3{ text-align:left !important; font-size:20px !important; margin:0 0 16px !important; }

/* ============ MOBIL adatlap finomítások (#131-133) ============ */
@media (max-width:900px){
  /* A: egyenlő bal/jobb padding a tartalomnak + cím */
  .itemDetails .col-md-5{ padding:4px 16px 0 16px !important; }
  .itemDetails #itemDetailsImageContainer.col-md-7{ padding-left:16px !important; padding-right:16px !important; }
  .navigation{ padding-left:16px !important; padding-right:16px !important; }
  .row.mt-4{ padding-left:16px; padding-right:16px; }
}
@media (max-width:680px){
  /* B: értékelések VÍZSZINTES scroll (jobbra), ne lefelé */
  .rating-rows-container, .rating-rows-container.collapsed{ display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important; overflow-y:hidden !important; max-height:none !important; justify-content:flex-start !important; gap:14px !important; padding-bottom:12px; -webkit-overflow-scrolling:touch; }
  .review_item{ flex:0 0 auto !important; width:250px !important; }
  /* C: termékajánló VÍZSZINTES scroll */
  .itemOfferList{ display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important; grid-template-columns:none !important; gap:14px !important; padding-bottom:12px; -webkit-overflow-scrolling:touch; }
  .itemOfferList .itemListItem{ flex:0 0 auto !important; width:230px !important; }
}

/* Értékelések mobilon: középre igazított snap-carousel (#139) */
@media (max-width:680px){
  .rating-rows-container, .rating-rows-container.collapsed{ scroll-snap-type:x mandatory; padding-left:11% !important; padding-right:11% !important; }
  .review_item{ width:78% !important; scroll-snap-align:center; }
}

/* ============ Értékelések popup-modal FIX (#141): konténer-scroll, mobil stack, fejléc fölött, alsó Bezár ============ */
.rd-reviews-modal-overlay{ z-index:100000 !important; padding:20px 16px !important; }
.rd-reviews-modal{ max-height:calc(100vh - 40px) !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; }
.rd-reviews-modal-close{ position:sticky !important; top:0; margin-left:auto; }
/* a modálban az értékelések EGYMÁS ALATT (ne carousel/kilógás) */
.rd-reviews-modal .rating-rows-container, .rd-reviews-modal .rating-rows-container.collapsed{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; overflow:visible !important; max-height:none !important; padding:0 !important; gap:14px !important; scroll-snap-type:none !important; }
.rd-reviews-modal .review_item{ width:100% !important; max-width:none !important; flex:0 0 auto !important; scroll-snap-align:none !important; }
.rd-reviews-modal-bottomclose{ display:block; width:100%; margin-top:18px; padding:13px; border:none; border-radius:12px; background:var(--rd-accent); color:#fff; font-weight:800; font-size:15px; cursor:pointer; }
.rd-reviews-modal-bottomclose:hover{ background:var(--rd-accent-dark); }

/* Értékelés-popup: a body görög, a "Bezár" gomb FIXEN alul mindig látszik (#142) */
.rd-reviews-modal{ display:flex !important; flex-direction:column !important; max-height:calc(100vh - 40px) !important; overflow:hidden !important; padding:0 !important; }
.rd-reviews-modal #reviewsModalBody{ flex:1 1 auto !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; padding:44px 24px 14px !important; }
.rd-reviews-modal-close{ position:absolute !important; top:12px !important; right:14px !important; z-index:5; margin:0 !important; }
.rd-reviews-modal-bottomclose{ flex:0 0 auto !important; margin:0 !important; border-radius:0 0 20px 20px !important; border-top:1px solid var(--rd-bd) !important; }

/* Rating-sor (cím alatt): EGY sorban (ne tördeljön mobilon) #143 */
.item_stars{ flex-wrap:nowrap !important; }
.item_stars .ratingCount{ white-space:nowrap !important; margin-top:0 !important; }
.item_stars .rd-rating-num{ white-space:nowrap; }
.item_stars .comment_stars{ flex-shrink:0; }