/* ========= Theme Vars ========= */
:root{
--bg: #ffffff;
--text: #111111;
--muted: #6b7280;
--line: #ececec;
--accent: #d1b06b; /* doré */
--card-bg: #fff;
--card-radius: 14px;
--shadow: 0 8px 24px rgba(0,0,0,.06);
--shadow-hover: 0 14px 40px rgba(0,0,0,.10);
--title-font: "Cormorant Garamond", Georgia, "Times New Roman", serif;
--ui-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}/* ====== Reset doux ====== */
.boutique *{box-sizing:border-box}
.boutique{color:var(--text);background:var(--bg);font-family:var(--ui-font);line-height:1.5}
.boutique img{display:block;max-width:100%;height:auto}/* ====== Conteneur ====== */
.shop-wrap{max-width:1180px;margin:0 auto;padding:48px 20px}/* ====== Breadcrumb + Titre ====== */
.crumbs{font-size:.85rem;color:var(--muted);letter-spacing:.02em;margin-bottom:12px}
.crumbs a{color:inherit;text-decoration:none}
.crumbs a:hover{color:var(--text)}
.shop-title{
font-family:var(--title-font);
font-weight:500;
font-size:42px;
letter-spacing:.01em;
line-height:1.1;
margin:0 0 24px
}/* ====== Barre de filtres / tri (visuel) ====== */
.toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:14px 18px;
border:1px solid var(--line);
border-radius:12px;
background:#fff;
margin:8px 0 28px
}
.toolbar .left{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.9rem}
.toolbar .right{display:flex;gap:10px;align-items:center}
.toolbar select{
appearance:none;
padding:10px 12px;
border:1px solid var(--line);
border-radius:10px;
background:#fff;
color:var(--text);
font-size:.92rem
}
.toolbar .count{color:var(--muted);font-size:.9rem}/* ====== Grille ====== */
.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px
}
@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}/* ====== Carte produit ====== */
.card{
background:var(--card-bg);
border:1px solid var(--line);
border-radius:var(--card-radius);
overflow:hidden;
transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease
}
.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px);border-color:#e8e8e8}/* Image */
.media{
position:relative;
aspect-ratio: 4/5; /* 4:5 – proche tirage photo */
overflow:hidden;
background:#f7f7f7
}
.media img{
width:100%;height:100%;object-fit:cover;transition:transform .5s ease
}
.card:hover .media img{transform:scale(1.035)}/* Badge */
.badge{
position:absolute;top:12px;left:12px;
background:var(--accent);color:#222;
font-weight:600;font-size:.78rem;
line-height:1;
padding:8px 10px;
border-radius:999px;
letter-spacing:.02em;
box-shadow:0 4px 12px rgba(0,0,0,.08)
}/* Contenu */
.content{padding:16px 16px 18px}
.title{
font-family:var(--title-font);
font-size:18px;
line-height:1.35;
margin:6px 0 6px;
font-weight:500;
letter-spacing:.01em
}
.title a{color:inherit;text-decoration:none}
.title a:hover{opacity:.85}.price{
color:var(--muted);
font-size:.95rem;
margin-top:2px
}
.price strong{color:var(--text);font-weight:600}/* Lien carte entier (optionnel) */
.card a.cover-link{position:absolute;inset:0}/* Petites aides d’espacement */
.mb-6{margin-bottom:6px}
.mb-10{margin-bottom:10px}Products
Open Edition — Les lèvres perlées
From €34,90 EUR
-35%
Tirage photo argentique noir et blanc – La courbe et la nuit
From €44,90 – €137,00 EUR
-33%
Annie sur les toits — open edition
From €39,90 – €89,00 EUR
Products
<!-- Open Edition — Les lèvres perlées
From €34,90 EUR
-35%
Tirage photo argentique noir et blanc – La courbe et la nuit
From €44,90 – €137,00 EUR
-33%
Annie sur les toits — open edition
From €39,90 – €89,00 EUR