/* ════════════════════════════════════════════════════════════
   SANITARA ONLINE — product.css
   Pagina produs, galerie, catalog, sidebar filtre, brands
   Depinde de: header.css (include DUPĂ header.css)
   NOTA: .prd, .prd-*, .bg, .bg-*, .breadcrumb, .prods-grid,
         .sec-title, .qty-wrap, .qty-btn, .cart-actions
         sunt în header.css — nu se repeta aici.
═══════════════════════════════════════════════════════════════ */

/* ── PAGINA DETALIU PRODUS ─────────────────────────────────── */
.product-page{display:grid;grid-template-columns:1fr 380px;gap:28px;
  align-items:start;padding:24px 0}

/* ── GALERIE ───────────────────────────────────────────────── */
.gallery-wrap{position:relative}
.gallery-main{aspect-ratio:1;background:#f9f9f9;border-radius:14px;overflow:hidden;
  border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;
  font-size:80px;margin-bottom:10px;position:relative}
.gallery-main img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.gallery-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  background:rgba(255,255,255,.9);border:none;border-radius:50%;width:38px;height:38px;
  font-size:18px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);
  align-items:center;justify-content:center}
.gallery-nav.prev{left:8px}
.gallery-nav.next{right:8px}
.gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.gallery-thumb{width:70px;height:70px;border-radius:8px;border:2px solid #e0e0e0;
  overflow:hidden;cursor:pointer;object-fit:cover;transition:border-color .15s;flex-shrink:0}
.gallery-thumb.active,.gallery-thumb:hover{border-color:#1565c0}

/* ── BADGES / PRICE ────────────────────────────────────────── */
.badge-wrap{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.price-big{font-size:32px;font-weight:900;color:#c62828}
.price-big-old{font-size:18px;color:#9e9e9e;text-decoration:line-through;margin-left:10px}
.disc-tag{background:#ffebee;color:#c62828;font-weight:800;font-size:14px;
  padding:3px 10px;border-radius:6px;margin-left:8px}

/* ── QTY + CART (varianta pagina produs - mai mare decat cea din header) */
.qty-wrap-lg{display:flex;align-items:center;gap:0;border:2px solid #e0e0e0;
  border-radius:10px;overflow:hidden;width:fit-content;flex-shrink:0}
.qty-btn-lg{width:44px;height:48px;border:none;background:#f5f5f5;font-size:22px;
  font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .15s}
.qty-btn-lg:hover{background:#e0e0e0}
.qty-input{width:58px;height:48px;border:none;border-left:2px solid #e0e0e0;
  border-right:2px solid #e0e0e0;text-align:center;font-size:17px;font-weight:700;
  font-family:'Inter',sans-serif;outline:none}
.cart-actions-prod{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
.btn-add-cart{flex:1;min-width:160px;padding:14px 18px;background:#1565c0;color:#fff;
  border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;
  font-family:'Inter',sans-serif;transition:background .15s;white-space:nowrap}
.btn-add-cart:hover{background:#0d47a1}
.btn-add-cart:disabled{opacity:.5;cursor:not-allowed}
.btn-fav-prod{width:48px;height:48px;border-radius:10px;border:2px solid #e0e0e0;
  background:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;touch-action:manipulation;transition:all .15s}
.btn-fav-prod:hover{border-color:var(--red);color:var(--red)}

/* ── ATAȘAMENTE ────────────────────────────────────────────── */
.attach-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;
  border:1px solid #e0e0e0;border-radius:10px;transition:all .2s;
  text-decoration:none;color:#212121}
.attach-card:hover{border-color:#1565c0;box-shadow:0 2px 12px rgba(21,101,192,.1);
  transform:translateY(-1px)}
.attach-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:26px;flex-shrink:0}
.attach-icon.pdf{background:#fff0f0}
.attach-icon.word{background:#f0f4ff}
.attach-icon.excel{background:#f0fff4}
.attach-icon.ppt{background:#fff4f0}
.attach-icon.other{background:#f5f5f5}
.attach-info{flex:1;min-width:0}
.attach-label{font-size:14px;font-weight:600;margin-bottom:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attach-meta{font-size:11px;color:#9e9e9e}
.attach-dl{background:#1565c0;color:#fff;padding:7px 14px;border-radius:6px;
  font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}
.attach-card:hover .attach-dl{background:#0d47a1}

/* ── TABS PRODUS ───────────────────────────────────────────── */
.tabs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tabs-wrap::-webkit-scrollbar{display:none}
.tabs-bar{display:flex;gap:0;min-width:max-content;border-bottom:2px solid #e0e0e0}
.tab-btn{padding:12px 20px;border:none;background:none;font-size:14px;font-weight:600;
  color:#9e9e9e;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;
  transition:all .15s;font-family:'Inter',sans-serif;white-space:nowrap;touch-action:manipulation}
.tab-btn.active{color:#1565c0;border-bottom-color:#1565c0}
.tab-panel{display:none;padding:20px 0}
.tab-panel.active{display:block}
.review-item{padding:16px;border:1px solid #f0f0f0;border-radius:10px;margin-bottom:10px}
.stars-big{color:#ff9800;font-size:16px}

/* ── SPECIFICAȚII ──────────────────────────────────────────── */
.specs-table{width:100%;border-collapse:collapse}
.specs-table tr:nth-child(even) td:first-child{background:#f9f9f9}
.specs-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0;font-size:13px;vertical-align:top}
.specs-table td:first-child{width:40%;color:var(--muted);font-weight:600}

/* ── PRODUSE SIMILARE ──────────────────────────────────────── */
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ── CATALOG HERO ──────────────────────────────────────────── */
.catalog-hero{background:#1a2744;padding:24px 0 0}
.catalog-hero h1{font-size:26px;font-weight:900;color:#fff;margin-bottom:4px}
.catalog-hero p{font-size:13px;color:rgba(255,255,255,.7)}
.cat-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;
  color:rgba(255,255,255,.6);padding:12px 0 0}
.cat-breadcrumb a{color:rgba(255,255,255,.75)}
.cat-breadcrumb a:hover{color:#fff}

/* ── CATEGORIES GRID (catalog) ─────────────────────────────── */
.cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:28px 0}
.cat-block{background:#fff;border-radius:14px;overflow:visible;
  transition:box-shadow .22s;text-decoration:none;display:flex;flex-direction:column;position:relative}
.cat-block:hover{box-shadow:0 8px 32px rgba(21,101,192,.14)}
.cat-block-img{height:209px;overflow:hidden;background:#f0f4f8;position:relative;flex-shrink:0;border-radius:14px 14px 0 0}
.cat-block-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cat-block:hover .cat-block-img img{transform:scale(1.06)}
.cat-block-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-size:52px;background:linear-gradient(135deg,#e3f2fd,#f0f4ff)}
.cat-block-body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}
.cat-block-name{font-size:14px;font-weight:800;color:#1a2744;margin-bottom:7px;line-height:1.3}
.cat-block:hover .cat-block-name{color:#1565c0}
.cat-block-sub{display:block;font-size:12px;color:#596577;padding:2px 0}
.cat-block-sub:hover{color:#1565c0}
/* Dropdown "Încă X categorii" */
.cat-block-more-btn{
  font-size:11px;color:#1565c0;font-weight:600;margin-top:4px;
  background:none;border:none;padding:0;cursor:pointer;font-family:inherit;
  display:flex;align-items:center;gap:3px
}
.cat-block-more-btn svg{width:12px;height:12px;transition:transform .2s;flex-shrink:0}
.cat-block-more-btn.open svg{transform:rotate(180deg)}
.cat-block-dropdown{
  display:none;margin-top:4px;
  border-top:1px solid #f0f0f0;padding-top:6px
}
.cat-block-dropdown.open{display:block}
.cat-block-dropdown .cat-block-sub{color:#1565c0}
.cat-block-foot{display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid #f0f0f0;padding-top:10px;margin-top:auto}
.cat-block-cnt{font-size:11px;color:#9e9e9e}
.cat-block-arr{font-size:14px;color:#1565c0;font-weight:700}

/* ── BRANDS PAGE ───────────────────────────────────────────── */
.brands-strip{background:#f8fafc;padding:28px 0}
.brands-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.brand-tile{background:#fff;border:1.5px solid #e8eaf0;border-radius:12px;padding:16px 12px;
  display:flex;flex-direction:column;align-items:center;gap:7px;
  text-decoration:none;transition:all .18s}
.brand-tile:hover{border-color:#1565c0;box-shadow:0 4px 18px rgba(21,101,192,.12);
  transform:translateY(-2px)}
.brand-tile-logo{height:38px;display:flex;align-items:center;justify-content:center}
.brand-tile-logo img{max-height:38px;max-width:96px;object-fit:contain;
  filter:grayscale(50%);transition:filter .2s}
.brand-tile:hover .brand-tile-logo img{filter:none}
.brand-tile-text{font-size:16px;font-weight:900;color:#1a2744;letter-spacing:-.5px}
.brand-tile-name{font-size:11px;color:#9e9e9e;font-weight:600;text-align:center}
.brand-tile-cnt{font-size:10px;color:#c0c8d4}

/* ── BRANDS ALPHABETICAL ───────────────────────────────────── */
.brands-alpha-section{padding:28px 0}
.brands-alpha-wrap{border:1px solid #e8eaf0;border-radius:14px;overflow:hidden;
  background:#fff;display:grid;grid-template-columns:repeat(4,1fr)}
.alpha-col{border-right:1px solid #e8eaf0;padding:20px 18px}
.alpha-col:last-child{border-right:none}
.alpha-letter{font-size:17px;font-weight:900;color:#1565c0;margin-bottom:6px;
  padding-bottom:6px;border-bottom:2px solid #e3f2fd;display:block}
.alpha-brand{display:block;font-size:13px;color:#3a4556;padding:3px 0;
  text-decoration:none;transition:color .15s}
.alpha-brand:hover{color:#1565c0}
.alpha-brand-cnt{font-size:10px;color:#b8c4d0;margin-left:4px}
.alpha-spacer{height:14px}

/* ── ADVANTAGES STRIP (catalog) ────────────────────────────── */
.adv-strip{background:#1a2744;padding:32px 0;margin-top:32px}
.adv-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.adv-item{display:flex;align-items:flex-start;gap:14px}
.adv-ico-lg{width:48px;height:48px;background:rgba(255,255,255,.1);border-radius:12px;
  display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.adv-ttl{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}
.adv-sub{font-size:12px;color:rgba(255,255,255,.6);line-height:1.5}

/* ── SHOP / CATALOG LAYOUT ─────────────────────────────────── */
.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}
.filtered-layout{display:grid;grid-template-columns:240px 1fr;gap:20px;
  align-items:start;padding:24px 0}
.sidebar-card,.flt-card{background:#fff;border:1px solid #e0e0e0;
  border-radius:12px;padding:16px;margin-bottom:14px}
.flt-card{padding:14px;margin-bottom:12px}
.sidebar-title,.flt-title{font-size:11px;font-weight:800;color:#212121;
  margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px}
.filter-item,.flt-item{display:flex;align-items:center;justify-content:space-between;
  padding:5px 0;font-size:13px;color:#424242;text-decoration:none;transition:color .15s}
.filter-item:hover,.filter-item.active,
.flt-item:hover,.flt-item.active{color:#1565c0;font-weight:600}
.filter-count,.flt-cnt{font-size:11px;color:#9e9e9e;background:#f5f5f5;
  padding:1px 6px;border-radius:10px}
.sort-bar{display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;flex-wrap:wrap;gap:8px}
.sort-select,.sort-sel{padding:7px 12px;border:1.5px solid #e0e0e0;border-radius:8px;
  font-size:13px;font-family:'Inter',sans-serif;outline:none;cursor:pointer}
.sort-select:focus,.sort-sel:focus{border-color:#1565c0}

/* ── PRODUCT CARD (varianta shop.css) ──────────────────────── */
.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.product-card{background:#fff;border-radius:12px;border:1px solid #e8eaf0;overflow:hidden;
  transition:transform .2s,box-shadow .2s;position:relative;
  display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.10)}
.product-card-img{aspect-ratio:1;background:#f9f9f9;display:flex;align-items:center;
  justify-content:center;overflow:hidden;position:relative}
.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.product-card:hover .product-card-img img{transform:scale(1.05)}
.product-card-img .placeholder{font-size:52px;opacity:.3}
.product-badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:5px;
  font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}
.badge-sale{background:#e53935;color:#fff}
.badge-new{background:#2e7d32;color:#fff}
.badge-hit{background:#e65100;color:#fff}
.badge-premium{background:#6a1b9a;color:#fff}
.badge-deal{background:#c62828;color:#fff}
.product-fav{position:absolute;top:8px;right:8px;width:30px;height:30px;
  background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:14px;cursor:pointer;border:none;
  transition:all .15s;backdrop-filter:blur(4px)}
.product-fav:hover{background:#fff;transform:scale(1.1)}
.product-fav.active{color:#e53935}
.product-card-body{padding:12px;flex:1;display:flex;flex-direction:column}
.product-brand{font-size:10px;font-weight:700;color:#9e9e9e;
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.product-name{font-size:13px;font-weight:600;color:#212121;line-height:1.4;
  margin-bottom:8px;flex:1;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.product-name:hover{color:#1565c0}
.product-rating{display:flex;align-items:center;gap:4px;margin-bottom:8px}
.stars{color:#ff9800;font-size:11px;letter-spacing:1px}
.rating-count{font-size:11px;color:#9e9e9e}
.product-price-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.price-current{font-size:17px;font-weight:800;color:#c62828}
.price-old{font-size:12px;color:#9e9e9e;text-decoration:line-through}
.price-discount{font-size:11px;font-weight:800;background:#ffebee;color:#c62828;
  padding:1px 6px;border-radius:4px}
.btn-cart{width:100%;padding:9px;background:#1565c0;color:#fff;border:none;
  border-radius:8px;font-size:13px;font-weight:700;transition:background .15s;
  display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;
  font-family:'Inter',sans-serif}
.btn-cart:hover{background:#0d47a1}
.btn-cart.added{background:#2e7d32}
.cat-name{font-size:11px;font-weight:700;color:#212121;text-align:center;line-height:1.3}

/* ── SECTION HELPERS (catalog) ─────────────────────────────── */
.wrap{max-width:1440px;margin:0 auto;padding:0 20px}
.section{padding:32px 0}
.section-title{font-size:20px;font-weight:800;color:#212121;
  display:flex;align-items:center;gap:10px;margin-bottom:20px}
.section-title::after{content:'';flex:1;height:2px;
  background:linear-gradient(90deg,#e0e0e0,transparent)}
.section-link{font-size:13px;font-weight:600;color:#1565c0;
  white-space:nowrap;text-decoration:none}
.section-link:hover{text-decoration:underline}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — product
═══════════════════════════════════════════════════════════════ */

/* ── ≤1100px ── */
@media(max-width:1100px){
  .cats-grid{grid-template-columns:repeat(3,1fr)}
  .brands-grid{grid-template-columns:repeat(4,1fr)}
  .products-grid{grid-template-columns:repeat(4,1fr)}
}

/* ── ≤900px ── */
@media(max-width:900px){
  .product-page{grid-template-columns:1fr;gap:20px;padding:16px 0}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .shop-layout{grid-template-columns:1fr}
  .sidebar-desktop{display:none}
  .filtered-layout{grid-template-columns:1fr}
  .cats-grid{grid-template-columns:repeat(2,1fr)}
  .brands-grid{grid-template-columns:repeat(3,1fr)}
  .brands-alpha-wrap{grid-template-columns:repeat(2,1fr)}
  .adv-strip-grid{grid-template-columns:repeat(2,1fr)}
  .products-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── ≤600px ── */
@media(max-width:600px){
  .product-page{padding:12px 0;gap:16px}
  .gallery-main{border-radius:10px;font-size:50px}
  .gallery-nav{display:flex}
  .gallery-thumbs{gap:6px}
  .gallery-thumb{width:56px;height:56px;border-radius:6px}
  .price-big{font-size:26px}
  .price-big-old{font-size:15px}
  .cart-actions-prod{flex-wrap:wrap}
  .btn-add-cart{min-width:0;padding:14px 12px;font-size:14px}
  .qty-btn-lg{width:40px;height:46px}
  .qty-input{width:50px;height:46px;font-size:15px}
  .tab-btn{padding:10px 14px;font-size:13px}
  .related-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .specs-table{display:block}
  .specs-table tr{display:flex;flex-direction:column;
    border-bottom:1px solid #f0f0f0;padding:8px 0}
  .specs-table td{width:100%!important;padding:2px 12px!important;background:none!important}
  .specs-table td:first-child{font-size:11px;color:#9e9e9e;padding-bottom:0!important}
  .cats-grid{grid-template-columns:1fr}
  .brands-grid{grid-template-columns:repeat(2,1fr)}
  .brands-alpha-wrap{grid-template-columns:1fr}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .adv-strip-grid{grid-template-columns:1fr}
}

/* ── ≤400px ── */
@media(max-width:400px){
  .price-big{font-size:22px}
  .related-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .gallery-thumb{width:48px;height:48px}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}
}

/* ── ≤360px — catalog + PDP ── */
@media(max-width:360px){
  /* Catalog / general */
  .product-page{padding:8px 0;gap:12px}
  .gallery-thumb{width:42px;height:42px}
  .price-big{font-size:20px}
  .disc-tag{font-size:12px}
  .btn-add-cart{font-size:13px;padding:12px 10px}
  .tab-btn{padding:8px 10px;font-size:12px}
  .related-grid{gap:6px}
  .cats-grid{gap:10px;padding:16px 0}
  .cat-block-img{height:120px}
  .cat-block-name{font-size:13px}
  .brands-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .brand-tile{padding:12px 8px}
  .brand-tile-text{font-size:14px}
  .alpha-col{padding:14px 12px}
  .sort-bar{flex-direction:column;align-items:stretch}
  .sort-select,.sort-sel{width:100%}
  .filtered-layout{padding:12px 0}
  .flt-card{padding:12px}
  .products-grid{gap:8px}
  .product-card-body{padding:10px}
  .product-name{font-size:12px}
  .price-current{font-size:15px}

  /* PDP */
  .pdp-layout{gap:12px;padding:6px 0 16px}
  .pdp-title{font-size:16px;line-height:1.3}
  .pdp-price-main{font-size:22px}
  .pdp-price-old{font-size:13px}
  .pdp-disc-tag{font-size:11px;padding:2px 6px}
  .pdp-price-blk{padding:14px}
  .pdp-delivery{padding:14px}
  .pdp-expert-block{padding:16px;min-height:160px}
  .pdp-expert-title{font-size:15px}
  .pdp-expert-img{width:100px}
  .pdp-btn-cart{font-size:14px;padding:13px 12px}
  .pdp-btn-oneclik{font-size:13px;padding:11px 12px}
  .pdp-swatch{width:48px;height:48px}
  .pdp-swatches{gap:6px}
  .pdp-tab-btn{padding:10px 12px;font-size:12px}
  .pdp-qa-table td{padding:6px 8px;font-size:12px}
  .pdp-del-row{gap:8px;font-size:12px}
  .pdp-qty-btn{width:36px;height:42px;font-size:18px}
  .pdp-qty-inp{width:44px;height:42px;font-size:14px}
  .pdp-stock{font-size:12px}
  .pdp-stock-dot{width:20px;height:20px}
  .pdp-bundle-item{width:100px}
  .pdp-bundle-item img{width:80px;height:80px}
}

/* ─── produs breadcrumb link (extrase din product.php) ──────── */
.prod-bc-link{color:#1565c0;text-decoration:none}
.prod-bc-link:hover{text-decoration:underline}

/* ════════════════════════════════════════════════════════════
   PDP (Product Detail Page) — Layout tip OZON
   Adaugat: 13.03.2026
═══════════════════════════════════════════════════════════════ */

/* ── Breadcrumb PDP ──────────────────────────────────────────── */
.pdp-bc{display:flex;align-items:center;flex-wrap:wrap;gap:4px;
  padding:12px 0;font-size:12px;color:#9e9e9e}
.pdp-bc-link{color:#1565c0;text-decoration:none;transition:color .15s}
.pdp-bc-link:hover{color:#0d47a1;text-decoration:underline}
.pdp-bc-sep{color:#bdbdbd;font-size:11px}
.pdp-bc-cur{color:#616161;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── Header full-width ───────────────────────────────────────── */
.pdp-header-row{display:flex;justify-content:space-between;align-items:flex-start;
  gap:16px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f3f5fb}
.pdp-header-left{flex:1}
.pdp-header-right{flex-shrink:0;padding-top:40px}
.pdp-brand-lnk{font-size:13px;font-weight:700;color:#1565c0;text-decoration:none;
  display:inline-block;margin-bottom:4px;letter-spacing:.3px}
.pdp-brand-lnk:hover{text-decoration:underline}
.pdp-title{font-size:32px;font-weight:800;color:#1a1a2e;line-height:1.2;
  margin:0 0 8px;letter-spacing:-.3px}
.pdp-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;min-height:24px}
.pdp-stars-sm{color:#ff9800;font-size:14px;letter-spacing:1px}
.pdp-rating-v{font-weight:700;color:#212121;font-size:13px}
.pdp-rev-link{color:#1565c0;text-decoration:none;font-size:13px}
.pdp-rev-link:hover{text-decoration:underline}
.pdp-meta-dot{color:#bdbdbd}
.pdp-meta-lnk{color:#596577;text-decoration:none;font-size:13px;font-weight:500}
.pdp-meta-lnk:hover{color:#1565c0}
.pdp-meta-lnk.active{color:#1565c0;font-weight:700}
.pdp-fav-lnk.active{color:#e53935!important}
.pdp-sku-lbl{color:#9e9e9e;font-size:12px}
.pdp-sku-lbl b{color:#616161}

/* ── Layout principal — 3 coloane ────────────────────────────── */
.pdp-layout{display:grid;grid-template-columns:minmax(0,550px) 1fr 370px;gap:20px;
  align-items:start;padding:0 0 28px}

/* ── COL 1: Galerie ──────────────────────────────────────────── */
.pdp-gallery-col{display:flex;flex-direction:column;gap:10px}

/* Imagine principală */
.pdp-main-wrap{position:relative;width:100%;background:#fff;border-radius:12px;
  overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.pdp-main-img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.pdp-img-ph{font-size:80px;opacity:.3}
.pdp-img-badge{position:absolute;top:12px;left:12px;padding:3px 10px;
  border-radius:6px;font-size:13px;font-weight:800;z-index:5}
.pdp-img-badge.disc{background:#e53935;color:#fff}
.pdp-zoom-btn{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.9);
  border:1px solid #e0e0e0;border-radius:8px;padding:6px 10px;font-size:16px;
  cursor:pointer;z-index:5;transition:all .15s;color:#424242}
.pdp-zoom-btn:hover{background:#fff;border-color:#1565c0;color:#1565c0}

/* Rând thumburi orizontale jos */
.pdp-thumbs-row{display:flex;align-items:center;gap:4px}
.pdp-thumbs-h{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;padding:2px 0;
  min-width:0}
.pdp-thumbs-h::-webkit-scrollbar{display:none}

/* Butoane prev/next thumburi — doar desktop */
.pdp-tnav{width:32px;height:32px;border-radius:50%;border:1px solid #e0e0e0;
  background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:#424242;font-size:18px;line-height:1;transition:all .15s;flex-shrink:0;
  box-shadow:0 1px 4px rgba(0,0,0,.1)}
.pdp-tnav:hover{border-color:#1565c0;color:#1565c0}
.pdp-tnav:disabled{opacity:.3;cursor:default;pointer-events:none}

/* Thumburi — desktop */
.pdp-thumb{width:62px;height:62px;border-radius:6px;border:2px solid #e8e8e8;
  overflow:hidden;cursor:pointer;flex-shrink:0;min-width:62px;transition:border-color .15s;
  background:#f9f9f9;scroll-snap-align:start}
.pdp-thumb.active,.pdp-thumb:hover{border-color:#1565c0}
.pdp-thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* Mobile ≤640px: ascunde săgețile, scroll cu degetul */
@media(max-width:640px){
  .pdp-tnav{display:none}
  .pdp-thumbs-row{gap:0}
  .pdp-thumbs-h{gap:6px}
  .pdp-thumb{width:52px;height:52px;min-width:52px;border-radius:5px}
}
@media(max-width:360px){
  .pdp-thumb{width:48px;height:48px;min-width:48px}
}
.pdp-specs-col{padding-top:0}
.pdp-qa-title{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:10px}
.pdp-quick-attrs{margin-bottom:16px}
.pdp-qa-table{width:100%;border-collapse:collapse}
.pdp-qa-table tr:not(:last-child) td{border-bottom:1px solid #f0f0f0}
.pdp-qa-k{padding:7px 8px 7px 0;font-size:13px;color:#9e9e9e;
  font-weight:400;white-space:nowrap;width:45%}
.pdp-qa-v{padding:7px 0;font-size:13px;color:#212121;font-weight:500}
.pdp-qa-link{color:#1565c0;text-decoration:none;font-weight:600}
.pdp-qa-link:hover{text-decoration:underline}
.pdp-qa-v-attr{color:#212121;font-weight:600}
.pdp-qa-more{display:inline-block;margin-top:8px;font-size:13px;
  color:#1565c0;text-decoration:none;font-weight:500}
.pdp-qa-more:hover{text-decoration:underline}
.pdp-color-blk{margin-bottom:16px}
.pdp-color-lbl{font-size:13px;color:#616161;margin-bottom:10px}
.pdp-color-lbl strong{color:#212121;font-weight:700}
.pdp-swatches{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pdp-swatch-wrap{position:relative;display:inline-block}
.pdp-swatch{width:62px;height:62px;border-radius:8px;border:2px solid #e0e0e0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-decoration:none;flex-shrink:0;background:#f8f8f8}
.pdp-swatch:hover{border-color:#1565c0}
.pdp-swatch.active{border-color:#1565c0;box-shadow:0 0 0 3px #1565c030}
.pdp-swatch img{width:100%;height:100%;object-fit:contain;display:block;padding:3px}
.pdp-swatch-color{width:100%;height:100%;display:block}
.pdp-swatch-text{font-size:10px;font-weight:600;color:#424242;text-align:center;padding:2px}
.pdp-color-single{font-size:13px;color:#616161;margin-bottom:12px}
.pdp-color-single strong{color:#1a1a2e;font-weight:700}
.pdp-swatch-tooltip{position:fixed;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,.18);padding:10px;flex-direction:column;align-items:center;gap:6px;z-index:9999;min-width:130px;pointer-events:none;display:none}
.pdp-swatch-tooltip.visible{display:flex}
.pdp-swatch-tooltip img{width:110px;height:110px;object-fit:contain;display:block}
.pdp-swatch-tooltip span{font-size:11px;font-weight:600;color:#424242;white-space:nowrap;text-align:center}
.pdp-sdesc{font-size:13px;color:#424242;line-height:1.6;
  border-top:1px solid #f0f0f0;padding-top:12px;margin-top:4px}

/* ── COL 3: Info col box ─────────────────────────────────────── */
.pdp-info-col{
  background:transparent;
  border-radius:0;
  padding:0;
  position:sticky;
  top:16px;
  display:flex;
  flex-direction:column;
  gap:16px
}

/* ── Card alb universal (pret, livrare, expert) ───────────────── */
.pdp-card{background:#fff;border-radius:24px;padding:16px}

/* ── Pret ────────────────────────────────────────────────────── */
.pdp-price-blk{
  position:relative;
  background:#f3f5fb;
  border-radius:24px;
  padding:18px
}
.pdp-price-bonus{
  position:absolute;
  top:0;
  right:18px;
  background:#dbe2f4;
  color:#5f77aa;
  font-size:12px;
  font-weight:700;
  padding:8px 13px;
  border-radius:0 0 14px 14px;
  cursor:help;
  display:flex;
  align-items:center;
  gap:4px
}
.pdp-price-bonus span{font-size:10px}
.pdp-price-main{
  font-size:32px;
  font-weight:800;
  color:#1c1e21;
  line-height:1.1;
  margin:0 0 8px
}
.pdp-price-sub-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:16px
}
.pdp-price-old{
  font-size:16px;
  color:#8c98ae;
  text-decoration:line-through;
  font-weight:600
}
.pdp-disc-tag{
  background:#ff525f;
  color:#fff;
  font-weight:700;
  font-size:12px;
  padding:3px 10px;
  border-radius:999px
}
.pdp-deal-timer-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:#616161;
  margin-top:4px
}
.pdp-deal-timer{
  font-weight:800;
  color:#c62828;
  font-size:15px;
  background:#ffebee;
  padding:3px 10px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  gap:2px
}

/* ── Buton Cos ─────────────────────────────────────────────── */
.pdp-btn-cart{
  width:100%;
  min-height:58px;
  padding:15px 20px;
  background:#6996ed;
  color:#fff;
  border:none;
  border-radius:16px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s;
  white-space:nowrap;
  display:block;
  margin-top:16px;
  margin-bottom:10px;
  text-align:center;
  box-sizing:border-box
}
.pdp-btn-cart:hover{background:#4a7ef0}
.pdp-btn-cart:disabled{opacity:.5;cursor:not-allowed;background:#9e9e9e}

/* ── Buton 1 click ─────────────────────────────────────────── */
.pdp-btn-oneclik{
  width:100%;
  min-height:58px;
  padding:14px 20px;
  background:#fff;
  border:0;
  color:#6996ed;
  border-radius:16px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
  display:block;
  margin-bottom:0;
  text-align:center;
  box-sizing:border-box;
  transition:background .15s,color .15s
}
.pdp-btn-oneclik:hover{background:#eef3ff;color:#4a7ef0}

/* ── Stoc ──────────────────────────────────────────────────── */
.pdp-stock{
  margin-top:16px;
  font-size:15px;
  font-weight:500;
  color:#424242
}
.pdp-stock-in,.pdp-stock-out{
  display:flex;
  align-items:center;
  gap:10px
}
.pdp-stock-dot{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#35cd90;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
.pdp-stock-dot::before{
  content:"▦";
  color:#fff;
  font-size:11px;
  line-height:1
}
.pdp-stock-dot.out{background:#ff525f}
.pdp-stock-dot.out::before{content:"!"}

/* ── Separator (ascuns — gap pe flex container) ────────────── */
.pdp-col-sep{display:none}

/* ── Qty + actions ───────────────────────────────────────────── */
.pdp-actions{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.pdp-qty-wrap{display:flex;align-items:center;border:2px solid #e0e0e0;
  border-radius:12px;overflow:hidden;width:fit-content}
.pdp-qty-btn{width:40px;height:46px;border:none;background:#f5f5f5;font-size:20px;
  font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .15s;
  color:#1a1a2e;font-family:inherit}
.pdp-qty-btn:hover{background:#e0e0e0}
.pdp-qty-inp{width:52px;height:46px;border:none;border-left:2px solid #e0e0e0;
  border-right:2px solid #e0e0e0;text-align:center;font-size:16px;font-weight:700;
  font-family:'Inter',sans-serif;outline:none;background:#fff;color:#1a1a2e;
  -moz-appearance:textfield;appearance:textfield}
.pdp-qty-inp::-webkit-outer-spin-button,.pdp-qty-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ── Livrare ─────────────────────────────────────────────────── */
.pdp-delivery{
  background:#f3f5fb;
  border-radius:24px;
  padding:18px
}
.pdp-del-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px
}
.pdp-del-title{
  font-size:16px;
  font-weight:800;
  color:#1c1e21
}
.pdp-del-city{
  font-size:14px;
  color:#6996ed;
  text-decoration:none;
  font-weight:700
}
.pdp-del-city:hover{text-decoration:underline}
.pdp-del-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:14px;
  margin-bottom:14px
}
.pdp-del-row:last-child{margin-bottom:0}
.pdp-del-ico{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  color:#8c98ae;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1
}
.pdp-del-name{
  font-weight:700;
  color:#1c1e21;
  margin-bottom:4px
}
.pdp-del-when{
  color:#8c98ae;
  font-size:13px
}
.pdp-del-fast{color:#35cd90;font-weight:700}
.pdp-del-free{color:#8c98ae}
.pdp-del-ozon{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f3f5fb;
  border-radius:10px;
  padding:10px 14px;
  margin-top:4px;
  font-size:13px;
  font-weight:500;
  color:#1c1e21
}
.pdp-del-ozon-logo{
  font-weight:800;
  font-size:13px;
  background:#005bff;
  color:#fff;
  padding:2px 7px;
  border-radius:6px;
  flex-shrink:0
}

/* ── Expert block ─────────────────────────────────────────────── */
.pdp-expert-block{
  background:#24385b;
  border-radius:24px;
  padding:22px 22px 18px;
  overflow:hidden;
  position:relative;
  min-height:210px;
  display:flex;
  align-items:flex-start;
  gap:12px
}
.pdp-expert-body{
  position:relative;
  z-index:2;
  max-width:58%
}
.pdp-expert-title{
  font-size:20px;
  font-weight:800;
  color:#fff;
  margin-bottom:10px;
  line-height:1.2
}
.pdp-expert-sub{
  font-size:14px;
  color:rgba(255,255,255,.82);
  margin-bottom:18px;
  line-height:1.45;
  display:block
}
.pdp-expert-sub::before{content:none}
.pdp-expert-btn-main{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:198px;
  min-height:52px;
  background:#6996ed;
  color:#fff;
  padding:0 26px;
  border-radius:18px;
  font-size:17px;
  font-weight:700;
  text-decoration:none;
  transition:background .15s;
  margin-bottom:14px
}
.pdp-expert-btn-main:hover{background:#4a7ef0}
.pdp-expert-footer{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:rgba(255,255,255,.55);
  margin-top:0;
  flex-wrap:wrap
}
.pdp-expert-img{
  position:absolute;
  right:4px;
  bottom:0;
  width:170px;
  display:flex;
  align-items:flex-end;
  z-index:1
}
.pdp-expert-img img{width:100%;object-fit:contain}

/* ── Descriere scurta ────────────────────────────────────────── */


/* ── Sectiuni ────────────────────────────────────────────────── */
.pdp-section{padding:28px 0;border-top:1px solid #f0f0f0}
.pdp-sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.pdp-sec-title{font-size:20px;font-weight:800;color:#1a1a2e;margin:0;
  display:flex;align-items:center;gap:8px}
.pdp-sec-link{font-size:13px;font-weight:600;color:#1565c0;text-decoration:none;white-space:nowrap}
.pdp-sec-link:hover{text-decoration:underline}

/* ── Pachete avantajoase ─────────────────────────────────────── */
.pdp-bundle-section .pdp-sec-title{margin-bottom:16px}
.pdp-bundle{display:flex;align-items:center;gap:0;
  background:#fffbf0;border:1px solid #ffe082;border-radius:14px;padding:20px;
  flex-wrap:wrap;gap:0}
.pdp-bundle-item{display:flex;flex-direction:column;align-items:center;
  text-align:center;width:150px;flex-shrink:0;gap:6px}
.pdp-bundle-main{position:relative}
.pdp-bundle-item img{width:120px;height:120px;object-fit:contain;border-radius:8px;
  border:1px solid #e0e0e0;background:#fff}
.pdp-bundle-ph{width:120px;height:120px;display:flex;align-items:center;
  justify-content:center;font-size:40px;background:#f5f5f5;border-radius:8px}
.pdp-bundle-name{font-size:12px;color:#424242;line-height:1.3;
  max-width:130px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical}
.pdp-bundle-price{font-size:14px;font-weight:700;color:#c62828}
.pdp-bundle-plus{font-size:24px;font-weight:700;color:#ff9800;padding:0 12px;
  flex-shrink:0;align-self:center}
.pdp-bundle-result{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-left:12px}
.pdp-bundle-sep{font-size:24px;font-weight:700;color:#9e9e9e;flex-shrink:0}
.pdp-bundle-totals{display:flex;flex-direction:column;gap:4px;min-width:160px}
.pdp-bundle-sep-lbl{font-size:12px;color:#9e9e9e}
.pdp-bundle-total-old{font-size:16px;color:#9e9e9e;text-decoration:line-through}
.pdp-bundle-total-new{font-size:24px;font-weight:900;color:#c62828}
.pdp-bundle-btn{margin-top:6px;padding:10px 16px;background:#1565c0;color:#fff;
  border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;
  font-family:inherit;transition:background .15s;text-align:center}
.pdp-bundle-btn:hover{background:#0d47a1}
.pdp-bundle-save{font-size:12px;color:#2e7d32;font-weight:600;text-align:center}

/* ── Tabs ────────────────────────────────────────────────────── */
.pdp-tabs-bar{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;
  border-bottom:2px solid #e0e0e0;-webkit-overflow-scrolling:touch}
.pdp-tabs-bar::-webkit-scrollbar{display:none}
.pdp-tab-btn{padding:13px 22px;border:none;background:none;font-size:14px;
  font-weight:600;color:#9e9e9e;cursor:pointer;border-bottom:3px solid transparent;
  margin-bottom:-2px;transition:all .15s;font-family:inherit;white-space:nowrap;
  display:flex;align-items:center;gap:6px}
.pdp-tab-btn.active{color:#1565c0;border-bottom-color:#1565c0}
.pdp-tab-btn:hover:not(.active){color:#424242}
.pdp-tab-n{background:#f0f4ff;color:#1565c0;font-size:11px;font-weight:800;
  padding:1px 6px;border-radius:10px;min-width:20px;text-align:center}
.pdp-tab-panel{display:none;padding:24px 0}
.pdp-tab-panel.active{display:block}
.pdp-desc-body{font-size:14px;color:#424242;line-height:1.8;max-width:820px}
.pdp-no-content{color:#9e9e9e;font-style:italic;padding:20px 0}

/* ── Specs table ─────────────────────────────────────────────── */
.pdp-specs-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-bottom:4px}
.pdp-specs-tbl{width:100%;border-collapse:collapse}
.pdp-specs-tbl tr{border-bottom:1px solid #f0f0f0}
.pdp-specs-tbl tr:last-child{border-bottom:none}
.pdp-spec-k{padding:9px 0;padding-right:12px;font-size:13px;color:#9e9e9e;font-weight:400;width:55%;vertical-align:middle}
.pdp-spec-v{padding:9px 0;font-size:13px;color:#212121;font-weight:600;vertical-align:middle}
.pdp-spec-hidden{display:none!important}
.pdp-spec-section-title{font-size:13px;font-weight:700;color:#1a2744;margin:20px 0 10px;padding-bottom:6px;border-bottom:2px solid #e8f0fe;letter-spacing:.01em}
.pdp-spec-section-title:first-child{margin-top:4px}
.pdp-specs-expand-wrap{margin-top:18px;text-align:left;padding-top:4px}
.pdp-specs-expand-btn{background:none;border:1.5px solid #1565c0;color:#1565c0;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}
.pdp-specs-expand-btn:hover{background:#e3f2fd}
.pdp-specs-expand-ico{font-size:11px;transition:transform .2s}
.pdp-rev-summary{display:flex;align-items:center;gap:14px;
  background:#f9f9f9;border-radius:12px;padding:16px 20px;margin-bottom:20px;
  border:1px solid #f0f0f0}
.pdp-rev-big{font-size:48px;font-weight:900;color:#1a1a2e;line-height:1}
.pdp-rev-stars-big{font-size:22px;color:#ff9800;letter-spacing:2px}
.pdp-rev-total{font-size:13px;color:#9e9e9e}
.pdp-rev-item{padding:16px 0;border-bottom:1px solid #f5f5f5}
.pdp-rev-row1{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.pdp-rev-ver{font-size:11px;background:#e8f5e9;color:#2e7d32;
  padding:2px 8px;border-radius:10px;font-weight:600}
.pdp-rev-stars-s{color:#ff9800;font-size:14px}
.pdp-rev-dt{font-size:12px;color:#9e9e9e;margin-left:auto}
.pdp-rev-tit{font-size:14px;font-weight:700;color:#212121;margin-bottom:4px}
.pdp-rev-txt{font-size:13px;color:#424242;line-height:1.6}
.pdp-no-rev{text-align:center;padding:40px 0;color:#9e9e9e}

/* ── Documente ───────────────────────────────────────────────── */
.pdp-docs-grid{display:flex;flex-direction:column;gap:10px;max-width:600px}
.pdp-doc-card{display:flex;align-items:center;gap:14px;padding:14px 16px;
  background:#fff;border:1px solid #e0e0e0;border-radius:10px;
  text-decoration:none;color:#212121;transition:all .2s}
.pdp-doc-card:hover{border-color:#1565c0;box-shadow:0 2px 12px rgba(21,101,192,.1)}
.pdp-doc-ico{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:26px;flex-shrink:0}
.pdp-doc-ico.pdf{background:#fff0f0}
.pdp-doc-ico.word{background:#f0f4ff}
.pdp-doc-ico.excel{background:#f0fff4}
.pdp-doc-ico.other{background:#f5f5f5}
.pdp-doc-info{flex:1;min-width:0}
.pdp-doc-lbl{font-size:14px;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdp-doc-meta{font-size:11px;color:#9e9e9e;margin-top:2px}
.pdp-doc-dl{background:#1565c0;color:#fff;padding:7px 14px;border-radius:6px;
  font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}

/* ── Produse scroll row ──────────────────────────────────────── */
.pdp-scroll-wrap{position:relative}
.pdp-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.pdp-row::-webkit-scrollbar{display:none}
.prd-card{flex:0 0 200px;scroll-snap-align:start;background:#fff;border-radius:12px;
  border:1px solid #e8eaf0;overflow:hidden;transition:transform .2s,box-shadow .2s;
  display:flex;flex-direction:column;position:relative}
.prd-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.10)}
.prd-card-img{aspect-ratio:1;background:#f9f9f9;display:flex;align-items:center;
  justify-content:center;overflow:hidden;position:relative;text-decoration:none}
.prd-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.prd-card:hover .prd-card-img img{transform:scale(1.05)}
.prd-disc-badge{position:absolute;top:8px;left:8px;background:#e53935;color:#fff;
  font-size:11px;font-weight:800;padding:2px 7px;border-radius:5px}
.prd-fav-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;
  background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:16px;cursor:pointer;border:none;transition:all .15s}
.prd-fav-btn:hover{background:#fff;color:#e53935}
.prd-card-body{padding:10px;flex:1;display:flex;flex-direction:column;gap:5px}
.prd-brand{font-size:10px;font-weight:700;color:#9e9e9e;text-transform:uppercase;letter-spacing:.5px}
.prd-name{font-size:12px;font-weight:600;color:#212121;line-height:1.4;text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prd-name:hover{color:#1565c0}
.prd-card-rating{display:flex;align-items:center;gap:4px}
.prd-stars{color:#ff9800;font-size:11px}
.prd-rcnt{font-size:11px;color:#9e9e9e}
.prd-price-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto}
.prd-btn-cart{width:100%;padding:8px;background:#1565c0;color:#fff;border:none;
  border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;
  transition:background .15s;margin-top:6px}
.prd-btn-cart:hover{background:#0d47a1}
.pdp-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  background:rgba(255,255,255,.95);border:1px solid #e0e0e0;border-radius:50%;
  width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;
  justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.15);transition:all .15s}
.pdp-scroll-btn:hover{background:#fff;border-color:#1565c0}
.pdp-scroll-btn.lft{left:-12px}
.pdp-scroll-btn.rgt{right:-12px}

/* ── Lightbox ────────────────────────────────────────────────── */
.pdp-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);
  z-index:9999;align-items:center;justify-content:center}
.pdp-lightbox.open{display:flex}
.pdp-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}
.pdp-lb-x{position:absolute;top:16px;right:20px;background:rgba(255,255,255,.15);
  border:none;color:#fff;font-size:24px;cursor:pointer;width:44px;height:44px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:background .15s}
.pdp-lb-x:hover{background:rgba(255,255,255,.3)}
.pdp-lb-n{position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.15);border:none;color:#fff;font-size:32px;
  cursor:pointer;width:52px;height:52px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;transition:background .15s}
.pdp-lb-n:hover{background:rgba(255,255,255,.3)}
.pdp-lb-prev{left:16px}
.pdp-lb-next{right:16px}

/* ════════════════════════════════════════════════════════════
   PDP RESPONSIVE
═══════════════════════════════════════════════════════════════ */
@media(max-width:1280px){
  .pdp-layout{grid-template-columns:minmax(0,500px) 1fr 280px;gap:20px}
}
@media(max-width:1024px){
  .pdp-layout{grid-template-columns:minmax(0,440px) 1fr 260px;gap:16px}
  .pdp-title{font-size:22px}
}
/* Culoare mobile — ascuns pe desktop, vizibil la ≤860px */
.pdp-color-blk-mobile{display:none;margin-bottom:16px}
@media(max-width:860px){
  /* galerie + info pe 2 coloane, specs dispare (merge in tabs) */
  .pdp-layout{grid-template-columns:1fr 280px;gap:16px}
  .pdp-specs-col{display:none}
  .pdp-info-col{position:static}
  .pdp-color-blk-mobile{display:block}
}
@media(max-width:640px){
  .pdp-layout{grid-template-columns:1fr;gap:16px;padding:8px 0 20px}
  .pdp-header-row{flex-direction:column;gap:4px}
  .pdp-info-col{position:static;border-radius:16px}
  .pdp-bundle{overflow-x:auto;flex-wrap:nowrap;padding:16px}
  .pdp-bundle-item{width:120px}
  .pdp-bundle-item img{width:100px;height:100px}
  .pdp-specs-2col{grid-template-columns:1fr}
}
@media(max-width:600px){
  .pdp-title{font-size:22px}
  .pdp-price-main{font-size:28px}
  .pdp-actions{flex-wrap:wrap}
  .pdp-btn-cart{min-width:0;padding:13px 14px;font-size:14px}
  .pdp-qty-btn{width:40px;height:46px}
  .pdp-qty-inp{width:50px;height:46px;font-size:15px}
  .prd-card{flex:0 0 160px}
  .pdp-scroll-btn{display:none}
  .pdp-bundle{gap:8px}
}
@media(max-width:400px){
  .pdp-price-main{font-size:24px}
  .pdp-title{font-size:18px}
  .prd-card{flex:0 0 150px}
}


/* ════════════════════════════════════════════════════════════
   ELEMENTE NOI — din referinta Santehnika-Online.Ru
═══════════════════════════════════════════════════════════════ */

/* ── Alerta produs la comanda ──────────────────────────────── */
.pdp-preorder-alert{display:flex;align-items:flex-start;gap:10px;
  background:#fff8e1;border:1px solid #ffc107;border-radius:10px;
  padding:12px 16px;margin-bottom:16px;font-size:14px;color:#5d4037}
.pdp-preorder-ico{font-size:18px;flex-shrink:0;margin-top:1px}
.pdp-preorder-alert strong{display:block;font-weight:700;margin-bottom:2px;color:#e65100}
.pdp-preorder-alert span{color:#6d4c41}

/* ── Alternativa produs ────────────────────────────────────── */
.pdp-alt-product{background:#f0f7ff;border:1px solid #bbdefb;border-radius:10px;
  padding:12px 14px;margin-top:14px}
.pdp-alt-label{font-size:12px;font-weight:700;color:#1565c0;margin-bottom:8px;
  text-transform:uppercase;letter-spacing:.4px}
.pdp-alt-inner{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.pdp-alt-inner img{width:56px;height:56px;object-fit:contain;border-radius:6px;
  background:#fff;flex-shrink:0}
.pdp-alt-info{flex:1;min-width:0}
.pdp-alt-name{font-size:13px;font-weight:500;color:#222;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdp-alt-price{font-size:15px;font-weight:700;color:var(--c-primary,#1565c0);margin-top:2px}
.pdp-alt-cta{font-size:13px;font-weight:700;color:var(--c-primary,#1565c0);white-space:nowrap;
  padding:6px 12px;background:#fff;border:1px solid #90caf9;border-radius:8px;flex-shrink:0}

/* ── Modal 1 click ─────────────────────────────────────────── */
.pdp-oneclik-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);
  z-index:9990;align-items:center;justify-content:center;padding:20px}
.pdp-oneclik-modal.open{display:flex}
.pdp-oneclik-box{background:#fff;border-radius:16px;padding:28px 28px 24px;
  width:100%;max-width:420px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.pdp-oneclik-x{position:absolute;top:14px;right:16px;background:none;border:none;
  font-size:20px;cursor:pointer;color:#888;line-height:1;padding:4px}
.pdp-oneclik-x:hover{color:#222}
.pdp-oneclik-box h3{font-size:20px;font-weight:700;margin:0 0 8px}
.pdp-oneclik-box p{font-size:14px;color:#666;margin:0 0 16px}
.pdp-oneclik-inp{width:100%;padding:12px 14px;border:2px solid #e0e0e0;
  border-radius:10px;font-size:16px;outline:none;box-sizing:border-box;margin-bottom:14px}
.pdp-oneclik-inp:focus{border-color:var(--c-primary,#1565c0)}
.pdp-oneclik-submit{width:100%;padding:14px;background:var(--c-primary,#1565c0);
  color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;
  cursor:pointer;transition:background .15s}
.pdp-oneclik-submit:hover{background:#0d47a1}
.pdp-oneclik-submit:disabled{opacity:.6;cursor:not-allowed}




/* ── Modal Adăugat în Coș ─────────────────────────────────────── */
.pdp-cart-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);
  z-index:9991;align-items:center;justify-content:center;padding:20px}
.pdp-cart-modal.open{display:flex}
.pdp-cart-modal-box{background:#fff;border-radius:20px;padding:28px;
  width:100%;max-width:520px;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.2)}
.pdp-cart-modal-box h3{font-size:22px;font-weight:800;color:#1a1a2e;margin:0 0 20px}
.pdp-cart-modal-product{display:flex;gap:16px;align-items:flex-start;
  padding:16px;background:#f8fafc;border-radius:14px;margin-bottom:20px}
.pdp-cart-modal-img{width:80px;height:80px;flex-shrink:0;border-radius:10px;
  overflow:hidden;background:#fff;border:1px solid #e0e0e0}
.pdp-cart-modal-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.pdp-cart-modal-info{flex:1;min-width:0}
.pdp-cart-modal-name{font-size:14px;font-weight:600;color:#1a1a2e;
  margin-bottom:4px;line-height:1.4}
.pdp-cart-modal-sku{font-size:12px;color:#9e9e9e;margin-bottom:10px}
.pdp-cart-modal-qty-price{display:flex;align-items:center;
  justify-content:space-between;gap:12px;flex-wrap:wrap}
.pdp-cart-modal-qty-wrap{display:flex;align-items:center;gap:0;
  border:2px solid #e0e0e0;border-radius:10px;overflow:hidden}
.pdp-cart-modal-qty-wrap button{width:36px;height:38px;border:none;
  background:#f5f5f5;font-size:18px;font-weight:700;cursor:pointer;
  font-family:inherit;transition:background .15s}
.pdp-cart-modal-qty-wrap button:hover{background:#e0e0e0}
.pdp-cart-modal-qty-wrap span{width:40px;text-align:center;font-size:15px;
  font-weight:700;color:#1a1a2e}
.pdp-cart-modal-prices{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pdp-cart-modal-price{font-size:20px;font-weight:900;color:#1a1a2e}
.pdp-cart-modal-old{font-size:13px;color:#9e9e9e;text-decoration:line-through}
.pdp-cart-modal-disc{background:#ff525f;color:#fff;font-size:11px;
  font-weight:800;padding:2px 7px;border-radius:20px}
.pdp-cart-modal-actions{display:flex;gap:12px;flex-wrap:wrap}
.pdp-cart-modal-continue{flex:1;min-width:140px;padding:14px 16px;
  background:#f3f5fb;color:#1565c0;border:none;border-radius:12px;
  font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}
.pdp-cart-modal-continue:hover{background:#e3eaf8}
.pdp-cart-modal-checkout{flex:1;min-width:140px;padding:14px 16px;
  background:#6996ed;color:#fff;border-radius:12px;text-decoration:none;
  font-size:14px;font-weight:700;display:flex;align-items:center;
  justify-content:center;transition:background .15s}
.pdp-cart-modal-checkout:hover{background:#4a7ef0}
@media(max-width:480px){
  .pdp-cart-modal-box{padding:20px}
  .pdp-cart-modal-box h3{font-size:18px}
  .pdp-cart-modal-actions{flex-direction:column}
  .pdp-cart-modal-continue,.pdp-cart-modal-checkout{min-width:0;width:100%}
}
@media(max-width:360px){
  .pdp-cart-modal-img{width:60px;height:60px}
  .pdp-cart-modal-price{font-size:17px}
}
/* ════════════════════════════════════════════════════════════
   BUNDLE / SETURI AVANTAJOASE
═══════════════════════════════════════════════════════════════ */

/* Tabs seturi */
.bundle-tabs-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.bundle-tab-btn{padding:8px 20px;border:2px solid #e0e0e0;border-radius:20px;
  background:#fff;font-size:13px;font-weight:700;cursor:pointer;
  color:#596577;transition:all .15s;font-family:inherit}
.bundle-tab-btn.active,.bundle-tab-btn:hover{border-color:#1565c0;color:#1565c0;background:#e3f2fd}
.bundle-tab-panel{display:none}
.bundle-tab-panel.active{display:block}

/* Row produse */
.bundle-products-row{display:flex;align-items:center;gap:0;
  background:#fffbf0;border:1px solid #ffe082;border-radius:14px;
  padding:20px;flex-wrap:wrap;gap:0}

/* Item cu checkbox */
.bundle-item-optional{position:relative}
.bundle-item-check-wrap{position:absolute;top:6px;left:6px;z-index:2;
  display:flex;align-items:center;cursor:pointer}
.bundle-item-check-wrap input[type=checkbox]{width:18px;height:18px;
  accent-color:#1565c0;cursor:pointer;margin:0}
.bundle-item-checkmark{display:none}

/* Separator + */
.bundle-sep-plus{font-size:24px;font-weight:700;color:#ff9800;padding:0 8px;
  flex-shrink:0;align-self:center}

/* Responsive */
@media(max-width:640px){
  .bundle-products-row{flex-direction:column;align-items:stretch;gap:8px;padding:14px}
  .bundle-sep-plus{display:none}
  .pdp-bundle-result{padding-left:0;width:100%}
}
@media(max-width:360px){
  .bundle-tab-btn{padding:6px 14px;font-size:12px}
}
/* Bundle item — preț + badge reducere */
.pdp-bundle-price-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}
.pdp-bundle-item-disc{
  background:#22c55e;color:#fff;
  font-size:11px;font-weight:800;
  padding:2px 8px;border-radius:20px;
  white-space:nowrap
}