/* ---------- OPS v4 : produits par métier, coloris, sous-titres (08/11) ---------- */
.ts-ops-prods.p2 { grid-template-columns:repeat(2,1fr); max-width:760px; }
.ts-ops .sub { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:13px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#9aa3bf !important; margin:28px 0 14px !important; }
.ts-ops .sec h2 + .sub { margin-top:0 !important; }
.ts-ops-sw { display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; margin-top:22px; padding-top:18px; border-top:1px solid rgba(255,255,255,.16); }
.ts-ops-sw span { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:#fff; display:inline-flex; align-items:center; gap:9px; }
.ts-ops-sw span.lb { color:#9aa3bf; }
.ts-ops-sw i { display:inline-block; width:18px; height:18px; border:1px solid rgba(255,255,255,.5); }
.ts-ops-sw i.k { background:#111; } .ts-ops-sw i.o { background:#ff6a13; } .ts-ops-sw i.y { background:#e8ff3a; } .ts-ops-sw i.r { background:#c8102e; }
.ts-ops-sw i.c { background:repeating-linear-gradient(45deg,#4b5320 0 5px,#2f3418 5px 9px,#6b6b3a 9px 13px,#1f2210 13px 16px); }
@media (max-width: 600px) { .ts-ops-prods.p2 { grid-template-columns:repeat(2,1fr); gap:12px; } .ts-ops-prods.p2 .pic { height:200px; } .ts-ops-prods.p2 .tx { padding:12px; } .ts-ops-prods.p2 .nm { font-size:16px !important; } .ts-ops-prods.p2 .ds { font-size:12px !important; } }

/* ---------- OPS : photos détourées sans cadre, halo (08/11) ---------- */
.ts-ops-prods .c { border-color:rgba(255,255,255,.10); }
.ts-ops-prods .pic { background:radial-gradient(ellipse 62% 72% at 50% 52%,#4a5680 0%,#2c355a 50%,#1e2643 100%) !important; }
.ts-ops-prods .pic img { filter:drop-shadow(0 14px 14px rgba(0,0,0,.5)); }

/* ---------- OPS : mention « liste non exhaustive » (08/11) ---------- */
.ts-ops p.note { font-size:15px !important; line-height:1.55 !important; color:#cfd4e3 !important; max-width:820px; margin:-6px 0 28px !important; }

/* ---------- OPS : bloc Documents (09/11) ---------- */
.ts-ops-docs { display:grid; grid-template-columns:repeat(2,1fr); gap:0 40px; border-top:1px solid rgba(255,255,255,.16); }
.ts-ops-docs .d { display:grid; grid-template-columns:1fr auto; grid-template-areas:"t fs" "n fs"; align-items:center; padding:14px 0 13px; border-bottom:1px solid rgba(255,255,255,.16); }
.ts-ops-docs .d p { margin:0 !important; padding:0 !important; }
.ts-ops-docs .t { grid-area:t; font-family:'TS Mono','Courier New',monospace !important; font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#9aa3bf !important; }
.ts-ops-docs .n { grid-area:n; font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:19px !important; letter-spacing:.03em !important; margin-top:3px !important; color:#fff !important; }
.ts-ops-docs .fs { grid-area:fs; display:flex; gap:8px; }
.ts-ops-docs a.f { font-family:'TS Mono','Courier New',monospace !important; font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#fff !important; border:1px solid rgba(255,255,255,.3); padding:6px 10px; white-space:nowrap; text-decoration:none !important; transition:background .2s,color .2s; }
.ts-ops-docs a.f:hover { background:#fff; color:#1e2643 !important; }
.ts-ops-docs + .note { margin-top:20px !important; }
.ts-ops .note a { color:#fff !important; text-decoration:underline !important; }
@media (max-width: 767px) { .ts-ops-docs { grid-template-columns:1fr; } }