/* v87 R4 (PL): phone cookie bar slim; range cards equal height; contact Next button; catalogues + factory balance. External file, no inline styles. Loaded last. */

/* 1. consent bar. Wide screens show the long sentence, phones the short one. Buttons and consent logic are unchanged. */
.plc .plc-short{display:none}
@media(max-width:640px){
 body .plc{position:fixed;left:0;right:0;bottom:0;top:auto;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;gap:4px 8px;padding:6px 10px;align-items:center}
 body .plc p{grid-column:1/-1;grid-row:1;margin:0;font-size:11px;line-height:1.35;white-space:normal}
 body .plc .plc-long{display:none}
 body .plc .plc-short{display:inline}
 body .plc button{grid-column:auto;grid-row:2;min-height:34px;padding:4px 8px;font-size:12px;line-height:1.2}
}

/* 2. products: five range cards share one height, links sit on one baseline */
body .rng{align-items:stretch}
body .rng>li{display:flex;min-width:0}
body .rng .rc{flex:1 1 auto;height:auto;display:flex;flex-direction:column;min-width:0}
body .rng .rc-d{flex:1 0 auto}
body .rng .rc-go{margin-top:auto;align-self:flex-start}

/* 3. contact: Next / Send / Back stay inside the column; step numbers use lining figures */
form.enq .actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:0;margin-right:0}
form.enq .actions .btn,form.enq .actions .btn+.btn{box-sizing:border-box;max-width:100%;margin-left:0;margin-right:0}
form.enq .actions [data-next],form.enq .actions [data-send]{flex:1 1 0;width:auto;min-width:0}
form.enq .actions [data-back]:not([hidden]){flex:0 0 auto}
.pg-contact .lead,.pg-contact .dots li,.pg-catalogues .lead,.pg-factory .lead{font-variant-numeric:lining-nums proportional-nums;font-feature-settings:"lnum" 1}

/* 4. catalogues and factory: heading block left, lead paragraph right, so wide screens are filled */
@media(min-width:861px){
 body.pg-factory .phead-in.noimg .phead-txt,body.pg-catalogues .phead-in.noimg .phead-txt{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--col-gap);align-items:end}
 body.pg-factory .phead-in.noimg .phead-txt>*,body.pg-catalogues .phead-in.noimg .phead-txt>*{grid-column:1}
 body.pg-factory .phead-in.noimg .phead-txt>.lead,body.pg-catalogues .phead-in.noimg .phead-txt>.lead{grid-column:2;grid-row:3/5;margin:0 0 var(--s3);max-width:46ch}
 body.pg-catalogues section.sec>.wrap:has(>.cats){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--col-gap);align-items:start}
 body.pg-catalogues section.sec>.wrap:has(>.cats)>.sec-head{grid-column:1;grid-row:1}
 body.pg-catalogues section.sec>.wrap:has(>.cats)>.cats{grid-column:2;grid-row:1}
 body.pg-catalogues section.sec>.wrap:has(>.cats)>.cats.c2:has(.catc:only-child) .catc .cbody{max-width:none}
}

/* v87 R5 (PL) */
/* 5. footer: on screens wider than a phone the link columns are always open (details content forced visible), no +/- marker */
@media(min-width:561px){
 .fseo .fx2::details-content,.fseo .fask::details-content{content-visibility:visible;display:block;height:auto;overflow:visible}
 .fseo .fx2>summary,.fseo .fask>summary{cursor:default;pointer-events:none;min-height:0;border-bottom:1px solid var(--rule);padding-bottom:8px}
 .fseo .fx2>summary::after,.fseo .fask>summary::after{content:none;display:none}
 .fseo .fx2-b{padding-top:6px}
 .fseo .fx2-b ul{list-style:none;margin:0;padding:0}
 .fseo .fx2-b li a{padding:7px 0}
 .fseo .fx2-b p{margin:0}
 .fseo-g{row-gap:var(--s3)}
 .fseo .fask{margin-top:var(--s3)}
 .fseo .fask-l{columns:3}
 .fseo .fask-l a{padding:7px 0}
}
/* 6. contact sentence and footer paragraphs: plain underline that wraps with the words */
.fp a,.fconn .fp a{display:inline;padding:0;border-bottom:0;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;text-decoration-thickness:1px}
.fconn .fp{line-height:1.7}
/* 7. social cards: no empty lower half */
.fconn-row{align-items:start}
.fq{align-items:flex-start;padding:var(--s3)}
.fq-b{align-self:flex-start}
.fq-ok:empty{min-height:0;display:none}
/* 8. catalogue strip in the footer stays inside the gutter; link no longer overlaps the text */
.fcat>.fp{margin-bottom:var(--s2)}
.fcat>.fp a{display:inline-block;margin-left:6px;padding:0}
@media(max-width:560px){
 .fcat .fc-row{margin-left:0;margin-right:0;padding-left:0;padding-right:0;scroll-padding-left:0}
 .fcat .fc-row>li{flex-basis:62%}
 .fcat>.fp a{display:block;margin:6px 0 0}
}
/* 9. contact: side column follows the form on wide screens */
@media(min-width:861px){
 body .form-wrap>.fside{position:sticky;top:96px;align-self:start}
}
/* 10. phone: "On this page" chips become one scrollable row */
@media(max-width:640px){
 .qnav .wrap{min-width:0}
 .qnav ul{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:6px;scrollbar-width:thin}
 .qnav li{flex:0 0 auto;min-width:0}
 .qnav a{white-space:nowrap}
}

/* v87 R6 (PL) */
/* 11. footer: "What people ask us" stays a collapsed accordion with a visible + / minus marker on every screen size; the other groups stay open link columns */
@media(min-width:561px){
 .fseo .fask::details-content{content-visibility:auto;display:revert;height:revert;overflow:revert}
 .fseo .fask>summary{cursor:pointer;pointer-events:auto;display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid var(--rule);padding-bottom:0}
 .fseo .fask>summary::after{content:"+";display:inline-block;font:400 20px/1 var(--sans);color:var(--ink)}
 .fseo .fask[open]>summary::after{content:"\2212"}
 .fseo .fask>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
 .fseo .fask>summary h3{margin:0}
 .fseo .fask:not([open])>.fx2-b{display:none}
}
/* 12. footer contact + policies: one clean row above the legal line */
.ftr-legal .ftr-contact{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 var(--s2);font-size:13.5px}
.ftr-legal .ftr-contact a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
/* 13. phone cookie bar: collapses to a small pill after the first scroll (pl-cookie-ui.v87r6.js) */
.plc-pill{display:none}
@media(max-width:640px){
 body .plc.plc-min{display:none}
 body .plc-pill:not([hidden]){display:block;position:fixed;left:10px;bottom:10px;z-index:60;min-height:34px;padding:6px 14px;border:1px solid var(--gold,#A8823F);border-radius:999px;background:var(--ink,#1B1B1F);color:var(--on-ink,#FAF7F1);font:600 12px/1.2 var(--sans)}
}
/* 14. picture label: wide enough to cover any baked-in label fragment at the picture edge; text wraps instead of being cut */
.sc-img .chip{min-width:132px;box-sizing:border-box;white-space:normal}
/* 15. lead text: body font and lining numerals (the "1" no longer picks a foot glyph) */
.pg-contact .lead,.pg-contact .lead *,.pg-catalogues .lead,.pg-factory .lead{font-family:var(--sans);font-variant-numeric:lining-nums proportional-nums;font-feature-settings:"lnum" 1,"tnum" 0,"pnum" 1}
@media(max-width:640px){.pg-contact .lead,.pg-contact .phead-txt p{font-family:var(--sans);font-variant-numeric:lining-nums proportional-nums;font-feature-settings:"lnum" 1,"tnum" 0,"pnum" 1}}
/* 16. factory hero: heading and paragraph start on one baseline */
@media(min-width:861px){
 body.pg-factory .phead-in.noimg .phead-txt{align-items:start}
 body.pg-factory .phead-in.noimg .phead-txt>.lead{grid-row:3;align-self:first baseline;margin:0;padding-top:.35em}
}
/* 17. a section that follows the "On this page" strip: close the large gap */
.qnav+.sec{padding-top:var(--s5)}
.qnav{margin-bottom:0}