/* Reference-led product dossier. Original photographs are never filtered. */
.curl-body{padding:0 0 24px;color:#574a3a}
.curl-intro{font:400 25px/1.2 Cormorant,Georgia,serif;margin:4px 0 22px}
.curl-families{display:flex;border-bottom:1px solid #cfc4b5;gap:16px}
#hair-gallery .curl-family{flex:1;min-width:0;min-height:44px;padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#574a3a;font:13px/1.5 Manrope,Arial,sans-serif}
#hair-gallery .curl-family[aria-pressed=true]{border-bottom-color:#78572d;color:#30271f;font-weight:600}
.curl-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:20px}
#hair-gallery .curl-pattern{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:194px;padding:10px 4px 14px;background:transparent;border:1px solid transparent;color:#574a3a;cursor:pointer}
#hair-gallery .curl-pattern:hover{background:#eee8de}
#hair-gallery .curl-pattern[aria-pressed=true]{border-color:#ad9878;background:#eee8de}
#hair-gallery .curl-pattern svg{display:block;flex:none;width:64px;height:112px;margin:0 0 12px;fill:none;stroke:#78572d;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#hair-gallery .curl-pattern strong{font:500 19px/1.3 Manrope,Arial,sans-serif;color:#30271f}
#hair-gallery .curl-pattern span{display:block;margin-top:6px;font:12px/1.5 Manrope,Arial,sans-serif;text-align:center}
.curl-reading{min-height:48px;font:13px/1.7 Manrope,Arial,sans-serif;margin:16px 0}
.curl-note{font:12px/1.7 Manrope,Arial,sans-serif;border-top:1px solid #d7cec1;padding-top:16px;margin:0;color:#665644}
@media(max-width:400px){.curl-families{gap:8px}#hair-gallery .curl-family{font-size:12px}}
#hair-gallery[data-display-view=details]{width:min(1440px,96vw);background:#f7f4ee;scroll-padding-top:100px}
#hair-gallery[data-display-view=details][open]{display:block}
#hair-gallery[data-display-view=details] .vitrine-atmosphere,
#hair-gallery[data-display-view=details] .collection-atmosphere{display:none}
#hair-gallery[data-display-view=details] .vitrine-content,
#hair-gallery[data-display-view=details] .collection-content{padding:28px 40px 40px;width:100%;max-width:none}
#hair-gallery[data-display-view=details] .vitrine-heading{padding:0;margin:0 0 24px;position:relative;background:transparent}
#hair-gallery[data-display-view=details] .dialog-top h2{font-size:26px;line-height:1.2;margin:0;max-width:none}
#hair-gallery[data-display-view=details] #hair-context{display:none}
#hair-gallery[data-display-view=details] .piece-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:0 42px;align-items:start}
#hair-gallery[data-display-view=details] .series-presentation{grid-column:1;grid-row:1/5;display:block}
.editorial-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
#hair-gallery[data-display-view=details] .piece-detail:not(.has-editorial-gallery) .piece-photo-stage{display:grid}
#hair-gallery .editorial-photo{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:#e9e5de;color:#30271f;cursor:zoom-in;overflow:hidden}
.editorial-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;filter:none;opacity:1}
.editorial-photo span{display:block;padding:12px 14px;font:12px/1.5 Manrope,Arial,sans-serif;text-align:left;background:#eeebe4}
#hair-gallery .editorial-photo:focus-visible{outline:3px solid #78572d;outline-offset:-3px}
#hair-gallery .editorial-photo:hover span{text-decoration:underline;text-underline-offset:4px}
#hair-gallery[data-display-view=details] .series-presentation .piece-photo-stage,
#hair-gallery[data-display-view=details] .series-presentation .series-gallery,
#hair-gallery[data-display-view=details] .series-swipe-help{display:none}
#hair-gallery[data-display-view=details] .piece-detail-actions{grid-column:2;grid-row:1;display:flex;justify-content:space-between;gap:16px;margin:0 0 24px}
#hair-gallery[data-display-view=details] .piece-information{grid-column:2;grid-row:2;position:static;border:0;padding:0}
#hair-gallery .piece-information .editorial-title{font:400 clamp(36px,3.5vw,54px)/1.05 Cormorant,Georgia,serif;margin:0 0 14px;text-align:left}
.editorial-description{font:14px/1.8 Manrope,Arial,sans-serif;margin:0 0 28px;color:#574a3a;max-width:48ch}
#hair-gallery #piece-information-title{font:500 14px/1.5 Manrope,Arial,sans-serif;margin:0 0 12px;text-align:left}
#hair-gallery .piece-specs{display:block;margin:0 0 24px}
#hair-gallery .piece-specs>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d7cec1;padding:11px 0}
#hair-gallery .piece-specs dt,#hair-gallery .piece-specs dd{font:13px/1.5 Manrope,Arial,sans-serif;margin:0;color:#574a3a}
#hair-gallery .piece-specs dd{color:#30271f;text-align:right}
#hair-gallery .piece-consult{width:100%;min-height:52px;font-size:13px}
#hair-gallery .piece-consult-note,#hair-gallery .piece-pending{font:12px/1.7 Manrope,Arial,sans-serif;color:#665644;margin:12px 0 20px}
.piece-disclosure{border-top:1px solid #cfc4b5;margin:0}
.piece-disclosure:last-child{border-bottom:1px solid #cfc4b5}
.piece-disclosure summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:18px 0;font:500 14px/1.5 Manrope,Arial,sans-serif}
.piece-disclosure summary::-webkit-details-marker{display:none}
.piece-disclosure[open] summary span{transform:rotate(45deg)}
.disclosure-body{padding:0 0 18px;font:13px/1.8 Manrope,Arial,sans-serif;color:#574a3a}
.disclosure-body p{margin:0 0 14px}.disclosure-body img{display:block;width:100%;max-width:480px;height:auto;margin:16px 0;background:white}
#hair-gallery[data-display-view=details] .piece-return{grid-column:2;grid-row:3;margin-top:24px;justify-self:start}
#hair-gallery[data-display-view=details] .piece-photo-status{font-size:12px;margin:14px 0 0}
@media(max-width:850px){
 #hair-gallery[data-display-view=details]{width:100vw;max-height:100dvh;min-height:100dvh;margin:0}
 #hair-gallery[data-display-view=details] .vitrine-content,#hair-gallery[data-display-view=details] .collection-content{padding:24px}
 #hair-gallery[data-display-view=details] .piece-detail{display:flex;flex-direction:column;gap:0}
 #hair-gallery[data-display-view=details] .series-presentation{width:100%;order:1}
 #hair-gallery[data-display-view=details] .piece-detail-actions{width:100%;order:0;margin-bottom:12px}
 #hair-gallery[data-display-view=details] .piece-information{width:100%;order:2;margin-top:28px}
 #hair-gallery[data-display-view=details] .piece-return{order:3}
 #hair-gallery[data-display-view=details] .editorial-gallery{display:none}
 #hair-gallery[data-display-view=details] .series-presentation .piece-photo-stage{display:grid;height:54dvh;min-height:300px;max-height:600px}
 #hair-gallery[data-display-view=details] .series-presentation .series-gallery{display:flex}
 #hair-gallery[data-display-view=details] .series-swipe-help{display:block;font-size:12px}
 #hair-gallery[data-display-view=details] .dialog-top{padding-right:48px}
 #hair-gallery[data-display-view=details] #close-hair{position:fixed;right:16px;top:16px;background:#f7f4ee}
 #hair-gallery[data-display-view=details] .piece-navigation{margin-top:16px}
}
