/* Product.ma — SEO : pages produit / catégorie, FAQ, pied de page */

/* ---------- accueil : titre de carte = vrai lien ---------- */
#pma-grid .card h3 a.pmaseo-pl{color:inherit;text-decoration:none}
#pma-grid .card h3 a.pmaseo-pl:hover{color:#0F4C81}

/* ---------- pied de page : 4e colonne « Catégories » ---------- */
.foot.pmaseo-4{grid-template-columns:1.2fr 1fr 1fr 1fr}
@media(max-width:820px){.foot.pmaseo-4{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.foot.pmaseo-4{grid-template-columns:1fr}}

/* ---------- FAQ de l'accueil ---------- */
body.home > #pmaseo-faq{order:7}
#pmaseo-faq{background:#fff;border-top:1px solid #e8edf3;padding:44px 0}
#pmaseo-faq .sec-title{margin-bottom:18px}
.pmaseo-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.pmaseo-faq details{border:1px solid #e6ebf1;border-radius:12px;background:#f8fafc;padding:0}
.pmaseo-faq summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:800;font-size:15.5px;color:#0B1F33;display:flex;justify-content:space-between;gap:12px;align-items:center}
.pmaseo-faq summary::-webkit-details-marker{display:none}
.pmaseo-faq summary::after{content:"+";color:#0F4C81;font-weight:900;font-size:20px;line-height:1;flex:0 0 auto}
.pmaseo-faq details[open] summary::after{content:"–"}
.pmaseo-faq p{margin:0;padding:0 16px 15px;color:#475569;line-height:1.85;font-size:14.5px}

/* ---------- gabarit commun ---------- */
.pmaseo{padding:22px 0 56px}
.pmaseo-bc{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;color:#64748b;margin:0 0 16px}
.pmaseo-bc a{color:#0F4C81;font-weight:700}
.pmaseo-bc a:hover{text-decoration:underline}
.pmaseo-bc .sep{opacity:.45}
[dir=rtl] .pmaseo-bc .sep{display:inline-block;transform:scaleX(-1)}
.pmaseo-bc [aria-current]{color:#334155;font-weight:700;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- page produit ---------- */
.pmaseo-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;background:#fff;border:1px solid #e6ebf1;border-radius:18px;padding:24px}
.pmaseo-gal{min-width:0}
.pmaseo-main{aspect-ratio:1/1;background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pmaseo-main img{width:100%;height:100%;object-fit:contain;display:block}
.pmaseo-emo{font-size:110px;background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.pmaseo-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pmaseo-th{width:66px;height:66px;padding:3px;border:2px solid #eef2f7;border-radius:10px;background:#fff;cursor:pointer}
.pmaseo-th:hover{border-color:#bfd4e6}
.pmaseo-th.on{border-color:#F97316}
.pmaseo-th img{width:100%;height:100%;object-fit:contain;display:block}

.pmaseo-info{display:flex;flex-direction:column;gap:13px;min-width:0}
.pmaseo-chip{align-self:flex-start;background:#eef2f7;color:#475569;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:800}
.pmaseo-chip:hover{background:#e2e8f0;color:#0F4C81}
.pmaseo-info h1{margin:0;font-size:27px;line-height:1.35;font-weight:900;color:#0B1F33}
.pmaseo-sub{margin:-6px 0 0;color:#94a3b8;font-size:14px;font-weight:600}
.pmaseo-price{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:12px 14px}
.pmaseo-price b{font-size:30px;line-height:1;font-weight:900;color:#F97316}
.pmaseo-price .cur{font-weight:800;color:#F97316}
.pmaseo-price small{color:#64748b;font-size:13px}
.pmaseo-price .lock{color:#94a3b8;font-weight:900;font-size:19px;letter-spacing:2px}
.pmaseo-price .lock small{letter-spacing:0;color:#94a3b8;font-size:14px}
.pmaseo-price .ask{font-weight:800;color:#16794c}
.pmaseo-unlock{border:1.5px solid #fed7aa;background:#fff7ed;color:#c2410c;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit}
.pmaseo-unlock:hover{background:#ffedd5}
.pmaseo-desc{margin:0;font-size:15px;line-height:1.85;color:#334155}
.pmaseo-puces{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.pmaseo-puces li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:#334155}
.pmaseo-puces li::before{content:"✓";color:#16794c;font-weight:900;flex:0 0 auto}
.pmaseo-acts{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.pmaseo-acts .btn{width:100%;justify-content:center;padding:13px 18px;font-size:15.5px}
.pmaseo-trust{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.pmaseo-trust li{background:#f1f5f9;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;color:#334155}
.pmaseo-ref{margin:0;font-size:12px;color:#94a3b8}
@media(max-width:820px){
  .pmaseo{padding-top:14px}
  .pmaseo-prod{grid-template-columns:1fr;gap:18px;padding:14px;border-radius:16px}
  .pmaseo-info h1{font-size:22px}
  .pmaseo-price b{font-size:26px}
}

/* ---------- sections et cartes ---------- */
.pmaseo-sec{margin-top:34px}
.pmaseo-sec h2{margin:0 0 14px;font-size:21px;font-weight:900;color:#0B1F33}
.pmaseo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
@media(min-width:560px){.pmaseo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(min-width:900px){.pmaseo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.pmaseo-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6ebf1;border-radius:14px;overflow:hidden;color:inherit;transition:border-color .15s,box-shadow .15s}
.pmaseo-card:hover{border-color:#bfd4e6;box-shadow:0 10px 26px -18px rgba(11,31,51,.55)}
.pmaseo-card .im{display:block;aspect-ratio:1/1;padding:10px;background:#fff}
.pmaseo-card .im img{width:100%;height:100%;object-fit:contain;display:block}
.pmaseo-card .t{padding:10px 12px 4px;font-size:14px;font-weight:800;line-height:1.45;color:#0B1F33;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pmaseo-card .go{margin-top:auto;padding:4px 12px 12px;font-size:12.5px;font-weight:800;color:#0F4C81}
.pmaseo-more{display:inline-block;margin-top:16px;font-weight:800;color:#0F4C81;border-bottom:2px solid currentColor;padding-bottom:1px}
.pmaseo-more:hover{color:#F97316}
.pmaseo-allcat{margin:6px 0 0}

.pmaseo-cats{display:flex;flex-wrap:wrap;gap:8px}
.pmaseo-cats a{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid #e2e8f0;border-radius:11px;padding:9px 14px;font-size:13.5px;font-weight:700;color:#1e293b;white-space:nowrap}
.pmaseo-cats a:hover{border-color:#bfd4e6}
.pmaseo-cats a.on{border-color:#0F4C81;background:#eff6ff;color:#0F4C81}
.pmaseo-cats i{font-style:normal;font-size:16px;line-height:1}
.pmaseo-cats u{text-decoration:none;color:#94a3b8;font-size:12px;font-weight:700}

/* ---------- page catégorie ---------- */
.pmaseo-cathead{position:relative;background:linear-gradient(135deg,#0F4C81,#1668A8);color:#fff;border-radius:18px;padding:26px 26px 24px;margin-bottom:16px;overflow:hidden}
.pmaseo-cathead .emo{position:absolute;inset-inline-end:22px;top:50%;transform:translateY(-50%);font-size:84px;opacity:.16;line-height:1;pointer-events:none}
.pmaseo-cathead h1{margin:0 0 8px;font-size:29px;font-weight:900;color:#fff;line-height:1.3}
.pmaseo-cathead p{margin:0;max-width:72ch;font-size:15px;line-height:1.85;opacity:.92}
.pmaseo-cathead .n{display:inline-block;margin-top:12px;background:rgba(255,255,255,.15);border-radius:999px;padding:4px 13px;font-size:13px;font-weight:800}
.pmaseo-catpage .pmaseo-cats{margin-bottom:18px}
@media(max-width:820px){
  .pmaseo-cathead{padding:20px 18px}
  .pmaseo-cathead h1{font-size:23px}
  .pmaseo-cathead .emo{font-size:60px}
  .pmaseo-catpage .pmaseo-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
}

/* ---------- bandeau compte ---------- */
.pmaseo-band{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:20px 22px}
.pmaseo-band b{display:block;font-size:17px;font-weight:900;color:#0B1F33;margin-bottom:3px}
.pmaseo-band span{font-size:14px;color:#64748b;line-height:1.7}
.pmaseo-band .acts{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:560px){.pmaseo-band .acts,.pmaseo-band .acts .btn{width:100%;justify-content:center}}