/* ══════════════════════════════════════════════════════
   INSPIRATION — hub (Looks / Style Icons / Tendances / Éditorial)
   et page look détaillée
══════════════════════════════════════════════════════ */
.insp-page{max-width:1100px;margin:0 auto;padding:36px 28px 60px}
.insp-hdr{margin-bottom:28px}
.insp-ttl{font-family:var(--serif);font-size:38px;font-weight:300;margin-bottom:6px}
.insp-sub{font-size:14px;color:var(--g5)}
.insp-tabs{display:flex;gap:2px;background:var(--g1);border:1px solid var(--border);border-radius:var(--r-xl);padding:3px;width:fit-content;margin-bottom:32px}
.insp-tab{padding:8px 18px;border-radius:calc(var(--r-xl) - 3px);font-size:13px;color:var(--g5);cursor:pointer;border:none;background:none;font-family:var(--sans);transition:all .18s}
.insp-tab:hover{color:var(--w)}
.insp-tab.on{background:var(--purple);color:#1A1A1A;font-weight:500}

.insp-grid{display:grid;gap:16px}
.insp-grid-looks{grid-template-columns:repeat(2,1fr)}
.insp-grid-icons{grid-template-columns:repeat(4,1fr)}
.insp-grid-trends{grid-template-columns:repeat(3,1fr)}
.insp-grid-editorial{grid-template-columns:repeat(3,1fr)}

/* Look card */
.look-card{cursor:pointer;border-radius:var(--r-lg);overflow:hidden;transition:transform .2s}
.look-card:hover{transform:translateY(-3px)}
.look-card-img{position:relative;height:340px;display:flex;align-items:flex-end}
.look-card-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 55%)}
.look-card-lbl{position:relative;padding:16px;color:#fff}
.look-card-ttl{font-family:var(--serif);font-size:19px;font-weight:400;margin-bottom:3px}
.look-card-meta{font-size:12px;opacity:.85}

/* Icon card */
.icon-card{text-align:center;padding:16px 10px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card);transition:all .2s}
.icon-card:hover{border-color:var(--purple)}
.icon-card-img{width:76px;height:76px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}
.icon-card-img span{font-family:var(--serif);font-size:26px;color:rgba(255,255,255,.4);font-weight:300}
.icon-card-name{font-size:13px;font-weight:500;margin-bottom:3px}
.icon-card-style{font-size:11.5px;color:var(--g5);margin-bottom:10px;line-height:1.4}
.icon-card-cta{background:none;border:none;font-family:var(--sans);font-size:11.5px;color:var(--purple-l);cursor:pointer;padding:0}

/* Article card */
.article-card{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-card);transition:all .2s}
.article-card:hover{border-color:var(--border-h);transform:translateY(-2px)}
.article-card-img{height:140px}
.article-card-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-l);padding:14px 16px 0}
.article-card-ttl{font-size:15px;font-weight:500;padding:6px 16px 0;line-height:1.35}
.article-card-excerpt{font-size:12.5px;color:var(--g5);padding:8px 16px 0;line-height:1.55}
.article-card-cta{font-size:12px;color:var(--g4);padding:12px 16px 16px}

/* ── Page look ── */
.look-page{max-width:900px;margin:0 auto;padding:24px 28px 60px}
.look-layout{margin-top:8px}
.look-hero{width:100%;height:380px;border-radius:var(--r-xl);margin-bottom:24px}
.look-title{font-family:var(--serif);font-size:32px;font-weight:300;margin-bottom:12px}
.look-attrs{display:flex;gap:8px;margin-bottom:16px}
.look-attr{padding:5px 13px;background:var(--g1);border:1px solid var(--border);border-radius:20px;font-size:12px;color:var(--g6)}
.look-budget{font-size:14px;color:var(--g5);margin-bottom:20px}
.look-budget strong{color:var(--w);font-weight:500}
.look-like{padding:11px 20px;background:var(--bg-card);border:1px solid var(--border-h);border-radius:var(--r);font-family:var(--sans);font-size:13px;color:var(--g6);cursor:pointer;margin-bottom:32px;transition:all .18s}
.look-like:hover{border-color:var(--coral)}
.look-like.liked{color:var(--coral);border-color:var(--coral)}
.look-pieces-ttl{font-family:var(--serif);font-size:22px;font-weight:300;margin-bottom:16px}
.look-pieces{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border)}
.look-piece{display:flex;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}
.look-piece:hover{background:var(--g1)}
.look-piece-img{width:56px;height:68px;border-radius:var(--r);flex-shrink:0;overflow:hidden}
.look-piece-info{flex:1;min-width:0}
.look-piece-brand{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--g4)}
.look-piece-name{font-size:13.5px;color:var(--g6);margin:2px 0}
.look-piece-price{font-size:13px;font-weight:500}
.look-piece-cta{font-size:12px;color:var(--purple-l);flex-shrink:0}