/* Product.ma — fiche produit + recherche */

/* ---------- carte cliquable ---------- */
#pma-grid .card .img{cursor:zoom-in;position:relative}
#pma-grid .card .img::after{
  content:"⤢";position:absolute;inset-inline-end:8px;bottom:8px;
  width:26px;height:26px;border-radius:8px;background:rgba(15,76,129,.82);color:#fff;
  font-size:13px;line-height:26px;text-align:center;opacity:0;transition:opacity .18s;pointer-events:none;
}
#pma-grid .card:hover .img::after{opacity:1}
#pma-grid .card.pmai-hide{display:none!important}

/* ---------- barre de recherche ---------- */
.pmai-search{max-width:720px;margin:0 auto 18px;display:flex;gap:9px;align-items:stretch}
.pmai-field{flex:1;position:relative;display:flex;align-items:center}
.pmai-field .ic{position:absolute;inset-inline-start:15px;font-size:16px;opacity:.5;pointer-events:none}
.pmai-search input[type=search]{
  width:100%;border:1.5px solid #dfe4ea;border-radius:999px;background:#fff;
  padding:13px 46px;font-size:15px;font-family:inherit;color:#0B1F33;outline:none;
  transition:border-color .16s,box-shadow .16s;-webkit-appearance:none;appearance:none;
}
.pmai-search input[type=search]::-webkit-search-cancel-button{display:none}
.pmai-search input[type=search]:focus{border-color:#0F4C81;box-shadow:0 0 0 4px rgba(15,76,129,.1)}
.pmai-clear{
  position:absolute;inset-inline-end:12px;border:0;background:#eef2f7;color:#475569;cursor:pointer;
  width:24px;height:24px;border-radius:50%;font-size:14px;line-height:24px;padding:0;display:none;
}
.pmai-clear.on{display:block}
.pmai-cam{
  border:1.5px solid #dfe4ea;background:#fff;border-radius:999px;cursor:pointer;
  padding:0 18px;font-size:18px;color:#0F4C81;display:flex;align-items:center;gap:7px;
  font-family:inherit;transition:border-color .16s,background .16s;white-space:nowrap;
}
.pmai-cam:hover{border-color:#0F4C81;background:#f4f8fb}
.pmai-cam .lbl{font-size:13.5px;font-weight:600}
@media (max-width:560px){.pmai-cam .lbl{display:none}.pmai-cam{padding:0 15px}}

.pmai-status{max-width:720px;margin:-8px auto 16px;text-align:center;font-size:13.5px;color:#64748b;min-height:20px}
.pmai-status b{color:#0F4C81}
.pmai-imgchip{
  display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #dfe4ea;
  border-radius:999px;padding:5px 6px 5px 14px;
}
.pmai-imgchip img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.pmai-imgchip button{border:0;background:#eef2f7;color:#475569;cursor:pointer;width:24px;height:24px;border-radius:50%;font-size:14px;padding:0}
.pmai-empty{text-align:center;color:#64748b;padding:34px 16px;font-size:15px}

/* ---------- fiche produit ---------- */
.pmai-ov{position:fixed;inset:0;z-index:99999;background:rgba(11,31,51,.62);
  display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}
.pmai-ov[hidden]{display:none!important}
.pmai-box{background:#fff;border-radius:18px;max-width:940px;width:100%;max-height:90vh;
  display:grid;grid-template-columns:1.02fr .98fr;position:relative;overflow:hidden;
  box-shadow:0 24px 60px rgba(11,31,51,.3)}
.pmai-x{position:absolute;inset-inline-end:10px;top:10px;z-index:3;border:0;cursor:pointer;
  width:34px;height:34px;border-radius:50%;background:#eef2f7;color:#0B1F33;font-size:20px;line-height:1}
.pmai-x:hover{background:#dfe4ea}

.pmai-media{padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pmai-main{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:12px;display:block}
.pmai-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.pmai-thumbs img{width:60px;height:60px;object-fit:contain;background:#fff;border:2px solid #eef2f7;
  border-radius:9px;cursor:pointer;padding:2px}
.pmai-thumbs img.on{border-color:#F97316}

.pmai-info{padding:26px 24px;display:flex;flex-direction:column;gap:13px;background:#f8fafc;overflow-y:auto;min-width:0}
.pmai-chip{align-self:flex-start;background:#eef2f7;color:#475569;border-radius:999px;padding:4px 12px;font-size:12px}
.pmai-info h3{margin:0;font-size:21px;line-height:1.35;color:#0B1F33}
.pmai-info .pmai-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pmai-info .pmai-meta .price{font-size:25px;font-weight:700}
.pmai-desc{margin:0;font-size:14.5px;line-height:1.75;color:#334155}
.pmai-puces{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.pmai-puces li{font-size:14px;color:#334155;display:flex;gap:9px;align-items:flex-start;line-height:1.5}
.pmai-puces li::before{content:"✓";color:#16794c;font-weight:700;flex:0 0 auto}
.pmai-ref{font-size:12px;color:#94a3b8;margin:0}
.pmai-acts{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.pmai-acts .btn,.pmai-acts button,.pmai-acts a{width:100%;text-align:center;justify-content:center}
.pmai-load{font-size:13px;color:#94a3b8}

@media (max-width:760px){
  .pmai-ov{padding:0}
  .pmai-box{grid-template-columns:1fr;max-height:100vh;height:100%;border-radius:0;overflow-y:auto}
  .pmai-media{padding:14px 14px 0}
  .pmai-info{overflow:visible;padding:18px 16px 26px}
}