.pdp .main{background:none;overflow:hidden;box-shadow:0 2px 18px #1414122e}.pdp .main img{width:100%;height:auto;object-fit:fill}.pdp .main.loupe{display:block;width:100%;cursor:zoom-in;text-align:left}.pdp .thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pdp .legende{font-size:12px;letter-spacing:.02em;color:var(--gris);margin-top:10px;min-height:1.4em}dialog.loupe{border:0;padding:0;background:transparent;margin:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh}dialog.loupe::backdrop{background:#28314ef5}dialog.loupe img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-out}dialog.loupe button{position:fixed;top:18px;right:18px;color:var(--beurre);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:10px 14px;border:1px solid rgba(251,228,174,.5)}dialog.loupe button:focus-visible{outline-color:var(--beurre)}.pdp .thumbs a{height:72px;opacity:.5;transition:opacity .2s}.pdp .thumbs a img{height:100%;width:auto;display:block;box-shadow:0 1px 6px #1414122e}.pdp .galerie.posee .main,.pdp .galerie.posee .thumbs a img{box-shadow:none}.pdp .thumbs a[aria-current=true],.pdp .thumbs a:hover{opacity:1}.pdp .thumbs a:focus-visible{opacity:1;outline-color:var(--nuit)}.pdp .main>div{aspect-ratio:1}.rassure{list-style:none;margin-top:18px;font-size:12.5px;line-height:1.65;color:var(--gris);font-weight:300;letter-spacing:.02em}.rassure li{display:flex;gap:10px;align-items:flex-start;padding:5px 0}.rassure li svg{flex:none;width:15px;height:15px;margin-top:3px;color:var(--bleu-papier)}.rassure b{font-weight:500;color:var(--nuit)}.rassure a,.rassure button{font:inherit;letter-spacing:inherit;color:var(--nuit);text-decoration:underline;text-decoration-color:#28314e66;text-underline-offset:4px;transition:text-decoration-color .3s}.rassure a:hover,.rassure button:hover{text-decoration-color:currentColor}.aussi{margin-top:clamp(56px,7vw,96px);padding:0}.aussi .sec-head{margin-bottom:26px}.aussi h2{font-family:var(--titre);font-size:clamp(26px,3vw,36px);line-height:1;text-transform:uppercase;font-weight:400;letter-spacing:0}.aussi-fleches{display:flex;gap:10px}.aussi-fleches button{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(40,49,78,.35);color:var(--nuit);transition:background .25s,color .25s,border-color .25s}.aussi-fleches button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.aussi-fleches button:hover,.aussi-fleches button:focus-visible{background:var(--nuit);color:var(--beurre);border-color:var(--nuit)}.aussi-fleches button:disabled{opacity:.3;pointer-events:none}.aussi-fleches[hidden]{display:none}.aussi-rail{display:flex;align-items:flex-start;gap:clamp(18px,2.2vw,30px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 32px 12px;margin:0 -32px;scroll-padding-inline:32px;-webkit-overflow-scrolling:touch}.aussi-rail::-webkit-scrollbar{display:none}.aussi-rail{--h:clamp(220px,24vw,300px)}.aussi-rail .card{flex:0 0 calc(var(--r,.75)*var(--h));scroll-snap-align:start;margin:0}.aussi-rail .card.wear .frame{aspect-ratio:1}@media(max-width:860px){.aussi-rail{padding-inline:20px;margin-inline:-20px;scroll-padding-inline:20px}.aussi-rail{--h:min(62vw,240px)}}@media(prefers-reduced-motion:reduce){.aussi-rail{scroll-behavior:auto}}.entretien-texte{line-height:1.7;color:var(--gris);margin:2px 0 12px;max-width:52ch}.entretien{list-style:none;display:flex;gap:18px;padding:6px 0 16px}.entretien svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.entretien text{fill:currentColor;stroke:none;font-family:var(--sans);font-size:8.5px;font-weight:500}.entretien .plein{fill:currentColor;stroke:none}.pdp{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}.pdp h1{font-family:var(--titre);font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:0;text-transform:uppercase;font-weight:400}.price{font-size:17px;margin-top:14px}.desc{font-size:14px;line-height:1.75;color:var(--gris);margin-top:22px;max-width:44ch}.opts{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.add{margin-top:26px;width:100%;background:var(--encre);color:var(--beurre);padding:17px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:background .2s}.add:hover{background:var(--bleu-encre)}.specs{margin-top:30px;border-top:1px solid rgba(20,20,18,.14);font-size:12px}.specs div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(20,20,18,.08)}.specs span:first-child{color:var(--gris)}.repli{font-size:12px;border-bottom:1px solid rgba(20,20,18,.08)}.repli summary{display:flex;justify-content:space-between;align-items:center;padding:11px 0;cursor:pointer;list-style:none}.repli summary::-webkit-details-marker{display:none}.repli summary:focus-visible{outline:2px solid var(--encre);outline-offset:3px}.repli summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.2,.8,.25,1)}.repli[open] summary svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.repli summary svg{transition:none}}.repli .rassure{margin-top:0;padding-bottom:12px}.opts{border:0;padding:0;min-width:0}.opts label{font-size:11px;letter-spacing:.1em;padding:9px 16px;border:1px solid rgba(20,20,18,.25);cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.25,1)}.opts label:has(input:checked){background:var(--encre);color:var(--beurre)}.opts label:has(input:focus-visible){outline:2px solid var(--encre);outline-offset:3px}.add:disabled{opacity:.55;cursor:not-allowed}.add:disabled:before{display:none}.add.bientot:disabled{opacity:1;cursor:default;background:none;color:var(--encre);box-shadow:inset 0 0 0 1px var(--encre)}.add,.checkout{position:relative;overflow:hidden}.add span,.checkout span{position:relative;z-index:1}.add:before,.checkout:before{content:"";position:absolute;inset:0;background:var(--bleu-encre);transform:translateY(101%);transition:transform .45s cubic-bezier(.2,.8,.25,1)}.add:hover:before,.checkout:hover:before{transform:none}body.vue-produit{background:var(--beurre)}body.vue-produit .page{color:var(--nuit)}body.vue-produit .page{padding-bottom:0}@media(max-width:900px){.pdp{grid-template-columns:1fr;gap:32px}}