/* The printed sheets and collector enamel share generous type and calm reading surfaces. */
#goodies.collection {
  --shop-ink: #102a40;
  --shop-line: #cfdae1;
  --shop-gutter: max(clamp(18px, 5vw, 74px), calc((100% - 1200px) / 2));
  color: var(--shop-ink);
  background: #f3f6f7;
  padding: clamp(34px, 5vw, 84px) var(--shop-gutter) clamp(44px, 6vw, 88px);
}
#goodies > h1 {
  margin: 0 0 .24em;
  font: italic 600 clamp(2.6rem, 5.25vw, 5rem)/1 Georgia, serif;
  letter-spacing: -.054em;
  text-wrap: balance;
}
#goodies > p { max-width: 65ch; line-height: 1.6; color: #385267; }
#goodies > p:first-of-type { font-size: clamp(1rem, 1.55vw, 1.22rem); margin: .85rem 0 .35rem; }
#goodies > p:nth-of-type(2) { margin: 0; }
#goodies > p .mondiaux-link, #goodies .shop-note a {
  display: inline-flex; align-items: center; min-height: 44px;
  color: #11577e; text-underline-offset: .24em;
}
#goodies .sheet-products {
  max-width: none; gap: clamp(14px, 2vw, 30px);
  margin: clamp(18px, 2.5vw, 40px) 0 clamp(24px, 3vw, 44px);
}
#goodies .sheet-product {
  display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--shop-line);
  border-radius: 14px; background: #fff; overflow: clip;
}
#goodies .sheet-picture {
  display: grid; place-items: center; background: #e9eef1;
  border-bottom: 1px solid var(--shop-line); padding: clamp(12px, 1.8vw, 24px);
}
#goodies .sheet-picture img {
  display: block; width: 100%; height: clamp(208px, 22vw, 308px);
  max-height: none; object-fit: contain; mix-blend-mode: multiply;
}
#goodies .sheet-product > div {
  display: flex; flex-direction: column; align-items: flex-start; flex: 1;
  padding: clamp(20px, 2.3vw, 34px);
}
#goodies .sheet-product h2 {
  margin: 0; color: var(--shop-ink); font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.15; letter-spacing: -.035em; text-wrap: balance;
}
#goodies .sheet-product p { margin: .6em 0 0; color: #3a5063; font-size: 1rem; line-height: 1.48; }
#goodies .sheet-product p:nth-of-type(2) { font-weight: 650; color: var(--shop-ink); }
#goodies .sheet-product p:nth-of-type(3) { font-size: .9rem; }
#goodies .sheet-product .primary { margin-top: auto; }
#goodies .sheet-product p:last-of-type { margin-bottom: 1.15rem; }
#goodies .primary, #contact.order-panel .primary {
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px;
  box-sizing: border-box; padding: .65rem 1.3rem; border: 0; border-radius: 6px;
  color: white; background: #b91734; text-decoration: none; font-weight: 720; line-height: 1.3;
}
#goodies .primary:hover, #contact.order-panel .primary:hover { background: #9d1731; }
#goodies .primary:disabled, #goodies [aria-disabled="true"] { opacity: .65; }
#goodies .shop-note {
  background: #e2ecf0; border-block: 1px solid #c9d9e0; border-radius: 0;
  padding: clamp(22px, 3vw, 40px) clamp(20px, 4vw, 56px); margin: 0;
}
#goodies .shop-note blockquote { margin: 0 0 .35rem; border-color: #3878a0; padding-left: clamp(14px, 2vw, 25px); }
#goodies .shop-note p { font: 500 clamp(1.05rem, 1.55vw, 1.32rem)/1.55 Georgia, serif; margin: 0; }
#goodies .shop-note cite { display: block; margin-top: .6rem; font: 700 .92rem/1.5 system-ui, sans-serif; }
#goodies #commande, #contact.order-panel {
  box-sizing: border-box; color: #102a40; background: white;
  border: 1px solid #cdd9e0; border-radius: 14px; padding: clamp(19px, 3.6vw, 52px);
}
#goodies #commande { max-width: none; margin: clamp(32px, 5vw, 74px) 0; }
#goodies #commande h2, #contact.order-panel h2, #goodies > h2, #goodies #encheres h2 {
  font-size: clamp(1.9rem, 3.4vw, 3.2rem); line-height: 1.06; letter-spacing: -.042em;
  text-wrap: balance; margin: 0 0 .45em;
}
#goodies #commande > p { color: #385267; max-width: 66ch; margin: .6em 0; line-height: 1.58; }
#goodies #order-form { margin: 1.7rem 0 0; min-width: 0; }
#order-form fieldset { padding: 0; margin: 0 0 1.7rem; border: 0; min-width: 0; }
#order-form fieldset legend { padding: 0; margin: 0 0 .8rem; font-size: 1.18rem; color: #102b42; }
#order-form .order-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem 1.1rem; }
#order-form label, #contact-team label { font-size: .96rem; line-height: 1.4; color: #203c50; }
#order-form :where(input,select), #contact-team :where(input,textarea) {
  box-sizing: border-box; width: 100%; min-height: 46px; min-width: 0; border: 1px solid #8b9da8;
  border-radius: 5px; padding: .55rem .64rem; font-size: 16px; background: white; color: #112e42;
}
#order-form fieldset > p[aria-live] {
  border: 1px solid #c3d9e2; background: #edf5f7; border-radius: 8px; padding: 1rem 1.1rem;
  color: #203e50; margin: 1.15rem 0 .1rem; max-width: none; font-variant-numeric: tabular-nums;
}
#order-form fieldset > p[aria-live] strong { display: inline-block; margin-top: .24rem; font-size: 1.11rem; }
#order-form button[value=copy] {
  background: white; border: 1px solid #536d7f; color: #193e55; border-radius: 6px;
  padding: .6rem 1.1rem; min-height: 44px; font: 650 1rem/1.35 system-ui, sans-serif;
}
#order-form :where([role=status],#tp-order-copy):not(:empty), #contact-team [role=status]:not(:empty) {
  background: #edf5f7; color: #14374c; border-left: 3px solid #347b9b;
  padding: .85rem 1rem; overflow-wrap: anywhere;
}
#goodies #encheres { background: #13242c; padding: clamp(23px, 3.6vw, 54px); border-radius: 12px; gap: clamp(16px, 4vw, 66px); }
#goodies #encheres .primary { background: #e8ca89; color: #232a27; }
#goodies #encheres .mondiaux-link { color: #f0d9a8; }
#goodies #encheres .pin-montage { min-width: 0; }
#goodies .motifs { grid-template-columns: repeat(auto-fit,minmax(min(155px,100%),1fr)); gap: clamp(9px,1.4vw,18px); }
#goodies .motifs figure { border-radius: 8px; border: 1px solid var(--shop-line); min-width: 0; }
#goodies .motifs img { height: clamp(88px,9.4vw,145px); }
#goodies .motifs figcaption { font-size: .92rem; line-height: 1.35; overflow-wrap: anywhere; }
#contact.order-panel { width: min(calc(100% - 36px),1000px); margin: clamp(30px,5vw,75px) auto; }
#goodies :focus-visible, #contact.order-panel :focus-visible {
  outline: 3px solid #11749f; outline-offset: 3px;
}
#goodies .sheet-picture:focus-visible { outline-offset: -4px; }
@media (min-width: 1000px) {
  #goodies #commande {
    display: grid; grid-template-columns: minmax(0,.63fr) minmax(0,1.37fr);
    grid-template-rows: auto auto auto 1fr; align-content: start;
    column-gap: clamp(34px,4.2vw,70px); align-items: start;
  }
  #goodies #commande > :is(h2,p) { grid-column: 1; }
  #goodies #order-form { grid-column: 2; grid-row: 1/5; margin-top: 0; border-left: 1px solid #d4dee4; padding-left: clamp(24px,3vw,44px); }
}
@media (max-width: 670px) {
  #goodies .sheet-products { grid-template-columns: minmax(0,1fr); }
  #goodies .sheet-picture img { height: clamp(174px,47vw,236px); }
  #goodies .sheet-product > div { padding: 18px 20px 20px; }
  #goodies #commande, #contact.order-panel { padding: 20px 16px; }
  #order-form .order-grid { grid-template-columns: 1fr; gap: .75rem; }
  #goodies .motifs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* The collector section retains its own palette and a distinct, high-contrast pin stage. */
.auction-page {
  --paper: #f7f5ef; --navy: #122128; --ink: #192b31; --gold: #edd398;
  --muted: #46595e; --line: #cdd1c8;
  --gutter: max(clamp(18px, 5vw, 84px), calc((100% - 1200px) / 2));
}
.auction-page .hero { background: #112027; padding-block: clamp(37px,5.5vw,92px); }
.auction-page .hero::before {
  background: linear-gradient(100deg, #101c20f5 0%, #101d21e8 37%, #152125ca 72%, #142024e6),
    url('/terrain/photo-12.webp') center 62%/cover;
}
.auction-page .hero h1 { font-size: clamp(3.9rem,7.85vw,8.1rem); line-height: 1; margin-block: .14em .2em; }
.auction-page .hero h1 em { color: #e9c77e; }
.auction-page .hero .edition { letter-spacing: .145em; font-weight: 700; }
.auction-page .hero .lead { color: #dbe3e4; line-height: 1.55; }
.auction-page .pin-facts { margin-block: 1.3rem 1.5rem; row-gap: .8rem; }
.auction-page .pin-facts div { border-color: #9a916b; }
.auction-page .hero figure { display: grid; justify-items: center; align-content: center; isolation: isolate; }
.auction-page .hero figure::before {
  content: ""; position: absolute; z-index: -1; width: min(97%, 380px); aspect-ratio: 1; top: 44%; left: 50%;
  transform: translate(-50%,-50%); border: 1px solid #a48f5c66; border-radius: 50%;
  background: radial-gradient(circle at center, #8e713544, #8e713510 62%, transparent 73%);
}
.auction-page .hero figure img { width: min(68%,262px); height: auto; filter: drop-shadow(0 11px 15px #0009); }
.auction-page .hero figcaption { margin-top: 1.1rem; font-size: .79rem; color: #e5dfcf; }
.auction-page #histoire {
  padding: clamp(33px,4.4vw,65px) var(--gutter);
  background: #f3eee1; color: #332e25; border-bottom: 1px solid #dbd2bc;
}
.auction-page #histoire > div { max-width: none; }
.auction-page #histoire h2 { color: #302a1f; font-size: clamp(1.82rem,3.3vw,3.3rem); }
.auction-page #histoire blockquote { margin: .95rem 0; border-left: 2px solid #a7813c; padding-left: clamp(14px,1.8vw,28px); }
.auction-page #histoire blockquote p { margin: 0; font-size: clamp(1rem,1.35vw,1.14rem); line-height: 1.6; max-width: 70ch; }
.auction-page #histoire cite { display: block; margin-top: .65rem; font-style: normal; }
.auction-page #histoire .indep { color: #504d40; padding-top: .8rem; max-width: 73ch; line-height: 1.5; }
.auction-page #encherir { background: #eaf0f0; }
.auction-page #encherir .sale-heading { align-items: center; justify-content: flex-start; gap: .4rem clamp(15px,2vw,36px); }
.auction-page .sale-heading h2 { margin-right: auto; }
.auction-page .sale-heading .tp-link { color: #194b5c; text-decoration: underline; text-decoration-thickness: 1px; }
.auction-page .sale-heading #sale-state { color: #374e55; }
.auction-page #bid-area { gap: clamp(15px,2.5vw,36px); }
.auction-page .bid-overview {
  background: #182b31; border-top: 3px solid #bb995a; border-radius: 10px;
}
.auction-page .bid-entry { background: #fffefa; border-color: #c5d0ce; border-radius: 10px; box-shadow: none; }
.auction-page .bid-entry .pass-box { padding: .27rem .85rem; border-radius: 6px; border-color: #b4c3c3; background: #f3f6f3; }
.auction-page .pass-box[open], .auction-page .pass-box details[open] { padding-bottom: .65rem; }
.auction-page .bid-entry label { font-size: .96rem; line-height: 1.4; }
.auction-page .bid-entry :is(input:not([type=checkbox]),select) { font-size: 16px; border-color: #8c9c9e; }
.auction-page .bid-entry .stepper input { font-size: 1.12rem; }
.auction-page .cost-summary {
  padding: 1rem 1.15rem; row-gap: .32rem; background: #f4efdf; color: #2f2a21;
  border: 1px solid #d9cfb6; border-radius: 7px; font-variant-numeric: tabular-nums;
}
.auction-page .cost-summary > :nth-child(2n) { text-align: right; }
.auction-page .cost-summary > :nth-child(5), .auction-page .cost-summary > strong {
  border-top: 1px solid #c8b78f; padding-top: .45rem; margin-top: .15rem; font-weight: 700;
}
.auction-page .cost-summary small { color: #575247; text-align: left; }
.auction-page .accept { min-height: 44px; align-items: center; }
.auction-page .bid-entry .submit { background: #173b43; min-height: 48px; }
.auction-page .bid-entry .submit:hover { background: #25525c; }
.auction-page #feedback:not(:empty) { padding: .85rem 1rem; background: #e8f1ee; border-left: 3px solid #517d76; }
.auction-page .wave-grid { gap: clamp(16px,3vw,46px); }
.auction-page .wave-grid article { padding: 1.2rem 0; border-color: #997a43; }
.auction-page #vente summary { min-height: 46px; }
.auction-page #vente .steps { line-height: 1.57; }
.auction-page main :focus-visible { outline: 3px solid #187a9a; outline-offset: 3px; }
.auction-page :is(.hero,.bid-overview,.backstage,footer) :focus-visible { outline-color: #f1d79a; }
@media (min-width: 860px) {
  .auction-page #histoire > div {
    display: grid; grid-template-columns: minmax(0,.73fr) minmax(0,1.27fr);
    column-gap: clamp(32px,4.5vw,72px); align-content: start; align-items: start;
  }
  .auction-page #histoire h2 { grid-row: 1/3; }
  .auction-page #histoire blockquote { margin-top: 0; }
  .auction-page #histoire .indep { grid-column: 2; }
}
@media (max-width: 800px) {
  .auction-page #bid-area { grid-template-columns: minmax(0,1fr); }
  .auction-page #histoire blockquote { max-width: 68ch; }
}
@media (max-width: 700px) {
  .auction-page .hero { grid-template-columns: minmax(0,1fr) minmax(100px,33%); padding-block: clamp(25px,5vw,40px); gap: 0 10px; }
  .auction-page .hero h1 { font-size: clamp(2.65rem,8.5vw,3.9rem); line-height: 1; text-wrap: balance; }
  .auction-page .hero figure img { width: min(100%,151px); }
  .auction-page .hero figure::before { width: 106%; top: 33%; }
  .auction-page .hero figcaption { font-size: .69rem; margin-top: .7rem; }
  .auction-page .hero .pin-facts { margin: 1.1rem 0; }
  .auction-page .hero .actions { flex-wrap: wrap; gap: .15rem 1rem; }
  .auction-page .wave-grid { gap: 0; }
}
@media (max-width: 460px) {
  .auction-page #encherir, .auction-page #vagues { padding-top: 30px; }
  .auction-page #bid-area > div { padding: 18px; }
  .auction-page .sale-heading { display: grid; grid-template-columns: 1fr; }
  .auction-page .sale-heading > p { margin: 0; }
  .auction-page .sale-heading .tp-link { min-height: 44px; }
  .auction-page .market dd { font-size: clamp(1.45rem,7vw,1.92rem); }
  .auction-page .cost-summary { padding: .8rem; }
}

/* Use the same compact language control as the Team, in the collector colours. */
.auction-page header { position:relative; z-index:20; }
.auction-page header .head-tools { display:flex;align-items:center;gap:clamp(.6rem,2vw,1.6rem); }
.auction-page header .back-link { min-height:44px;display:inline-flex;align-items:center; }
.auction-page .gold-languages { position:relative; margin:0; padding:0; background:none; border:0; }
.gold-languages summary { display:flex; gap:.5rem; align-items:center; min-height:44px; padding:0 .6rem; color:#fbf3db; font:650 .9rem/1.25 system-ui,sans-serif; cursor:pointer; list-style:none;}
.gold-languages summary::-webkit-details-marker { display:none; }
.gold-languages summary::after { content:''; width:.36rem; height:.36rem; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); }
.gold-languages[open] summary::after { transform:rotate(225deg); }
.gold-languages:not([open]) .language-picker {display:none!important;}
.auction-page header .gold-languages .language-picker { position:absolute; inset:100% 0 auto auto; width:10rem; margin:0; padding:.35rem; display:grid; justify-content:stretch; background:#fbf6eb; border:1px solid #bba674; border-radius:.4rem; box-shadow:0 1rem 2rem #05132042;}
.auction-page header .gold-languages .language-picker a { justify-content:flex-start; padding:.55rem .9rem; display:flex; align-items:center; min-height:44px; color:#272219; font:600 .94rem/1.35 system-ui,sans-serif; }
.auction-page header .gold-languages a:hover,.auction-page header .gold-languages a[aria-current=true] { background:#e9dfc5; border-radius:.25rem; }
