:root{--ink:#141412;--ink-soft:#3a3833;--paper:#faf9f6;--paper-2:#f4f2ec;--gold:#b49155;--gold-dark:#97753f;--gold-soft:#e9ddc4;--line:#e7e4dd;--muted:#8a857b;--bs-body-bg:#faf9f6;--bs-body-color:#141412;--bs-border-color:#e7e4dd;--bs-heading-color:#141412;--bs-secondary-color:#8a857b;--bs-secondary-color-rgb:138,133,123;--bs-tertiary-bg:#f4f2ec;--bs-tertiary-color:#8a857b;--bs-tertiary-color-rgb:138,133,123}
html{font-size:14px;scroll-behavior:smooth;height:100%}
@media (min-width: 768px){html{font-size:16px}}
body{min-height:100vh;display:flex;flex-direction:column;margin:0;background-color:var(--paper);color:var(--ink);font-family:"Jost","Segoe UI",system-ui,sans-serif;font-weight:400;letter-spacing:.01em}
main{flex:1 0 auto}
footer{flex-shrink:0}
::selection{background:var(--gold-soft);color:var(--ink)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Jost","Segoe UI",system-ui,sans-serif;font-weight:600;color:var(--ink);letter-spacing:-.015em;line-height:1.25;text-wrap:balance}
a{color:var(--ink)}
a:hover{color:var(--gold-dark)}
.text-muted{color:var(--muted)!important}
.section-title{position:relative;display:inline-block}
.section-title::after{content:"";display:block;width:36px;height:2px;background:var(--gold);margin-top:12px}
.btn{border-radius:2px;font-weight:500;letter-spacing:.03em;transition:all .18s ease}
.btn-primary{--bs-btn-bg:#141412;--bs-btn-border-color:#141412;--bs-btn-color:#fff;--bs-btn-hover-bg:#b49155;--bs-btn-hover-border-color:#b49155;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#97753f;--bs-btn-active-border-color:#97753f;--bs-btn-active-color:#fff;--bs-btn-disabled-bg:#141412;--bs-btn-disabled-border-color:#141412;text-transform:uppercase;font-size:.85em;letter-spacing:.09em;font-weight:600}
.btn-primary:hover{box-shadow:0 8px 20px rgba(180,145,85,.3)}
.btn-outline-primary{--bs-btn-color:#141412;--bs-btn-border-color:#141412;--bs-btn-hover-bg:#141412;--bs-btn-hover-border-color:#141412;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#97753f;--bs-btn-active-border-color:#97753f;--bs-btn-active-color:#fff}
.btn-secondary{--bs-btn-bg:#f4f2ec;--bs-btn-border-color:#e7e4dd;--bs-btn-color:#3a3833;--bs-btn-hover-bg:#141412;--bs-btn-hover-border-color:#141412;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#97753f;--bs-btn-active-border-color:#97753f;--bs-btn-active-color:#fff}
.btn-outline-secondary{--bs-btn-color:#6f6b62;--bs-btn-border-color:#d8d4ca;--bs-btn-hover-bg:#141412;--bs-btn-hover-border-color:#141412;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#97753f;--bs-btn-active-border-color:#97753f;--bs-btn-active-color:#fff}
.btn-gold{--bs-btn-bg:var(--gold);--bs-btn-border-color:var(--gold);--bs-btn-color:#fff;--bs-btn-hover-bg:var(--gold-dark);--bs-btn-hover-border-color:var(--gold-dark);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--gold-dark);--bs-btn-active-border-color:var(--gold-dark);--bs-btn-active-color:#fff;--bs-btn-border-radius:0;border-radius:0;font-weight:600}
.btn-success{--bs-btn-bg:#2f6b4f;--bs-btn-border-color:#2f6b4f;--bs-btn-hover-bg:#265741;--bs-btn-hover-border-color:#265741;--bs-btn-active-bg:#1f4836;--bs-btn-active-border-color:#1f4836}
.btn-outline-success{--bs-btn-color:#2f6b4f;--bs-btn-border-color:#2f6b4f;--bs-btn-hover-bg:#2f6b4f;--bs-btn-hover-border-color:#2f6b4f;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#1f4836;--bs-btn-active-border-color:#1f4836}
.btn-danger{--bs-btn-bg:#a63d40;--bs-btn-border-color:#a63d40;--bs-btn-hover-bg:#8d3235;--bs-btn-hover-border-color:#8d3235;--bs-btn-active-bg:#7a2b2e;--bs-btn-active-border-color:#7a2b2e}
.btn-outline-danger{--bs-btn-color:#a63d40;--bs-btn-border-color:#a63d40;--bs-btn-hover-bg:#a63d40;--bs-btn-hover-border-color:#a63d40;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#7a2b2e;--bs-btn-active-border-color:#7a2b2e}
.btn-warning{--bs-btn-bg:#b48a2f;--bs-btn-border-color:#b48a2f;--bs-btn-color:#fff;--bs-btn-hover-bg:#9a7526;--bs-btn-hover-border-color:#9a7526;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#836320;--bs-btn-active-border-color:#836320}
.btn-outline-warning{--bs-btn-color:#b48a2f;--bs-btn-border-color:#b48a2f;--bs-btn-hover-bg:#b48a2f;--bs-btn-hover-border-color:#b48a2f;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#836320;--bs-btn-active-border-color:#836320}
.btn-info{--bs-btn-bg:#b49155;--bs-btn-border-color:#b49155;--bs-btn-hover-bg:#97753f;--bs-btn-hover-border-color:#97753f;--bs-btn-active-bg:#83652f;--bs-btn-active-border-color:#83652f}
.btn-link{--bs-btn-color:#141412;--bs-btn-hover-color:#97753f;text-decoration:none}
.btn-link:hover{color:var(--gold-dark);text-decoration:underline}
.btn.rounded-pill{font-weight:500;letter-spacing:.02em;text-transform:none}
.card{border:1px solid var(--line);border-radius:6px;background:#fff}
.card-header{background:#fff;border-bottom:1px solid var(--line)}
.annonce-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;border-radius:6px;overflow:hidden}
.annonce-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 1px 2px rgba(20,20,18,.04),0 16px 32px rgba(20,20,18,.1)!important}
.annonce-img{height:220px;object-fit:cover;background:var(--paper-2);transition:transform .5s ease}
.annonce-card:hover .annonce-img{transform:scale(1.045)}
.main-img{max-height:500px;object-fit:contain;background:#fff}
.thumb-img{width:70px;height:70px;object-fit:cover;cursor:pointer}
.annonce-card .card-body{padding:.85rem 1rem}
.card-title{font-weight:600}
.price-sm{font-size:1.15rem;font-weight:700;color:var(--ink);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.price-lg{font-size:2.3rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.1}
.euro{color:var(--ink);font-weight:600}
.badge{font-weight:600;letter-spacing:.04em}
.badge.bg-info{background-color:var(--gold)!important;color:#fff!important}
.badge.bg-primary{background-color:#141412!important;color:var(--gold-soft)!important}
.badge.bg-secondary{background-color:#eceae3!important;color:#6f6b62!important}
.badge.bg-dark{background-color:#141412!important;color:#fff!important}
.form-control,.form-select{border-color:var(--line);background:#fff;color:var(--ink)}
.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .15rem rgba(180,145,85,.18);background:#fff}
.form-label{font-weight:500;color:var(--ink-soft);letter-spacing:.02em}
.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem rgba(250,249,246,.9),0 0 0 .2rem rgba(180,145,85,.35)}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#333;transition:background-color 9999s ease-out,color 9999s ease-out}
#main-nav{background:rgba(250,249,246,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:none!important;padding-top:.65rem;padding-bottom:.65rem;transition:box-shadow .25s ease}
#main-nav.nav-scrolled{box-shadow:0 6px 24px rgba(20,20,18,.08)!important}
.navbar-brand{display:flex;align-items:center}
.nav-link{color:var(--ink)!important;font-weight:500;letter-spacing:.04em}
.nav-link:hover{color:var(--gold-dark)!important}
#main-nav .input-group .form-control{border-radius:2px 0 0 2px;border-color:var(--line)}
#main-nav .input-group .form-control:focus{border-color:var(--gold);box-shadow:none;border-right:0}
#main-nav .input-group .btn{border-radius:0 2px 2px 0}
.dropdown-menu{min-width:230px;border:1px solid var(--line);border-radius:6px;box-shadow:0 16px 40px rgba(20,20,18,.12);padding:.5rem}
.dropdown-item{color:var(--ink);padding:.55rem .85rem;border-radius:4px;font-weight:400;transition:background .12s ease}
.dropdown-item i{color:var(--gold-dark);width:20px}
.dropdown-item:hover{background:var(--paper-2);color:var(--ink)}
.dropdown-item.active,.dropdown-item:active{background:var(--paper-2)!important;color:var(--ink)!important}
.dropdown-divider{border-color:var(--line)}
.site-footer{padding:1rem 0 0.7rem}
.site-footer a{color:var(--ink-soft);text-decoration:none;transition:color .15s ease}
.site-footer a:hover{color:var(--gold-dark)}
.site-footer .footer-divider{border-color:#ddd9cf;margin-top:.5rem;margin-bottom:.5rem}
.site-footer .footer-copy{color:var(--muted);font-size:.7rem;line-height:1.2}
.footer-link{font-size:.68rem;letter-spacing:.08em;font-weight:500;text-transform:uppercase;line-height:1}
.hero{position:relative;margin-top:-15px;padding:7.5rem 0 4.5rem;background-color:#141412;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(60% 110% at 50% 0%,rgba(180,145,85,.18),transparent 70%),linear-gradient(180deg,rgba(15,15,14,.38) 0%,rgba(15,15,14,.44) 100%),url("/images/Colletio-banner.webp");background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-position:center,center,center,center bottom;background-size:auto,auto,auto,cover}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--gold) 50%,transparent 95%)}
@keyframes heroRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero .container>*{animation:heroRise .7s cubic-bezier(.22,1,.36,1) both}
.hero .container>*:nth-child(2){animation-delay:.09s}
.hero .container>*:nth-child(3){animation-delay:.18s}
.hero .container>*:nth-child(4){animation-delay:.27s}
.hero-kicker{text-transform:uppercase;letter-spacing:.38em;padding-left:.38em;font-size:.72rem;font-weight:600;color:#d8b988;margin-bottom:1.1rem}
.hero-title{font-size:clamp(2.5rem,5.5vw,3.9rem);font-weight:500;letter-spacing:-.025em;line-height:1.05;margin-bottom:1.1rem;color:#f5f3ee}
.hero-title em{font-style:italic;color:#cfae72}
.hero-sub{color:#a8a29a;font-weight:300;font-size:1.05rem;max-width:540px;margin:0 auto;line-height:1.6}
.hero-cta{margin-top:2rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero .btn-primary{background:var(--gold);border-color:var(--gold);color:#141412;--bs-btn-hover-bg:#c9a869;--bs-btn-hover-border-color:#c9a869;--bs-btn-hover-color:#141412;--bs-btn-active-bg:#c9a869;--bs-btn-active-border-color:#c9a869;--bs-btn-active-color:#141412;--bs-btn-disabled-bg:var(--gold);--bs-btn-disabled-border-color:var(--gold);--bs-btn-disabled-color:#141412}
.hero .btn-primary:hover{box-shadow:0 8px 24px rgba(180,145,85,.35)}
.hero .btn-outline-primary{color:#f5f3ee;border-color:rgba(245,243,238,.4);--bs-btn-hover-bg:rgba(245,243,238,.08);--bs-btn-hover-border-color:rgba(245,243,238,.75);--bs-btn-hover-color:#ffffff}
.hero-cta .btn{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.trust-card{border:1px solid var(--line);background:#fff;border-radius:6px;transition:border-color .2s ease,transform .2s ease}
.trust-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.trust-card i{color:var(--gold)}
.magasin-card-face{width:150px;height:135px;background:#fff;border:1px solid var(--line);border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease}
.magasin-card:hover .magasin-card-face{border-color:var(--gold);box-shadow:0 10px 22px rgba(20,20,18,.08)}
.favorite-btn{background:rgba(255,255,255,.92);border-radius:50%;width:36px;height:36px;padding:0;display:grid;place-items:center;backdrop-filter:blur(4px);border:none;transition:transform .15s ease,background .15s ease}
.favorite-btn i{color:var(--ink-soft);line-height:1;transform:translateY(.05em)}
.favorite-btn i.text-danger{color:#a63d40}
.favorite-btn:hover{background:#fff;transform:scale(1.08)}
.breadcrumb{--bs-breadcrumb-divider:"›";font-size:.78rem;margin-bottom:0}
.breadcrumb-item a{color:var(--muted);text-decoration:none}
.breadcrumb-item a:hover{color:var(--gold-dark)}
.breadcrumb-item.active{color:var(--ink);font-weight:500}
.page-link{color:var(--ink);border-color:var(--line);border-radius:2px!important;font-weight:500}
.page-link:hover{background:var(--paper-2);color:var(--ink);border-color:var(--line)}
.page-item.active .page-link{background:#141412;border-color:#141412;color:#fff}
.page-item.disabled .page-link{background:transparent;color:#c9c5bc;border-color:var(--line)}
.modal-content{border:1px solid var(--line);border-radius:8px}
.modal-header{border-bottom:1px solid var(--line)}
.modal-footer{border-top:1px solid var(--line)}
.modal-title{font-weight:600;letter-spacing:-.01em}
.modal-header-erreur{background-color:#d62839;border-color:#d62839;color:#fff}
.modal-header-erreur .modal-title{color:#fff}
.badge.badge-litige{background-color:#8B3A3A!important;border-color:#8B3A3A!important;color:#fff!important}
.alert{border-radius:6px}
.table{--bs-table-hover-bg:var(--paper-2)}
.table>:not(caption)>*>*{border-color:var(--line)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--paper)}
::-webkit-scrollbar-thumb{background:#d4d0c6;border-radius:6px;border:2px solid var(--paper)}
::-webkit-scrollbar-thumb:hover{background:#b9b4a8}
*{scrollbar-width:thin;scrollbar-color:#d4d0c6 var(--paper)}
[id]{scroll-margin-top:84px}
hr{border-color:var(--line);opacity:1}
.list-group-item{border-color:var(--line)}
.nav-tabs{border-color:var(--line)}
.nav-tabs .nav-link{color:var(--ink-soft)}
.nav-tabs .nav-link.active{background:#fff;border-color:var(--line) var(--line) #fff;color:var(--ink);font-weight:600}
.spinner-border.text-primary{color:var(--gold)!important}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}