/* C.4.1 : disposition du parcours, sans modifier le modèle de bon existant. */
@media screen{
  .cd-refined .cd-config-purchase{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);column-gap:5%;row-gap:22px;align-items:start}
  .cd-config-purchase>.cd-options{grid-column:1;grid-row:1;min-width:0}
  .cd-config-purchase>.cd-result-column{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:22px;min-width:0}
  .cd-refined .cd-config-purchase .cd-summary{order:1;padding:26px 28px}
  .cd-config-purchase .c41-gift-stage{order:2;width:100%;margin:0;align-self:start}
  .cd-config-purchase [hidden]{display:none!important}
  .cd-config-purchase .cd-options fieldset:last-child{margin-bottom:0}
  .cd-config-purchase .cd-gift-toggle{margin-bottom:0}
  .cd-config-purchase .cd-gift-help{margin:5px 0 17px}
  .cd-config-purchase #cd-personalize:not([hidden]){animation:cd-personalize-in .2s ease-out both}
  .cd-config-purchase .cd-input-row{gap:17px}
  .cd-config-purchase .cd-input-row input,.cd-config-purchase .cd-input-row textarea{font-size:16px}
  .cd-config-purchase .cd-input-row textarea{min-height:108px;max-height:240px}
  .cd-character-count{display:block;margin-top:6px;text-align:right;font:11px/1.5 Arial,sans-serif;font-weight:400;color:#bac5b2}
  .cd-mobile-price{display:none}
  .cd-preview-caption{font:700 12px/1.5 Arial,sans-serif;margin:0 0 9px;color:var(--paper)}
  .cd-refined .cd-config-purchase #cd-gift-preview{margin:0;cursor:zoom-in}
  #cd-gift-preview:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
  .cd-preview-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0 14px;margin-top:5px}
  .cd-preview-enlarge,.cd-refined .c41-gift-stage .c4-print{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;margin:0;border:0;border-bottom:1px solid #bac5b266;background:none;color:var(--paper);font:12px/1.5 Arial,sans-serif;cursor:pointer}
  .cd-preview-enlarge{font-weight:700}
  .cd-preview-enlarge:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
  .cd-preview-notice{margin:9px 0 0;font:11px/1.5 Arial,sans-serif;color:#bac5b2}
  .cd-preview-dialog{width:min(1040px,calc(100% - 24px));max-height:92dvh;padding:26px;border:1px solid #67765e;border-radius:24px 0 24px 0;background:var(--paper);color:var(--ink);overflow:auto}
  .cd-preview-dialog::backdrop{background:#101611d9}
  .cd-preview-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
  .cd-preview-dialog-heading .c-eyebrow{font-size:10px;margin:0 0 10px;color:var(--green)}
  .cd-preview-dialog-heading h2{font-size:clamp(22px,3vw,32px);line-height:1.15;margin:0}
  #cd-preview-close{flex:0 0 44px;width:44px;height:44px;border:1px solid #67765e;background:transparent;color:var(--ink);border-radius:50%;font:26px/1 Arial,sans-serif;cursor:pointer}
  #cd-preview-close:focus-visible,.cd-preview-zoom-scroll:focus-visible{outline:3px solid var(--green);outline-offset:3px}
  .cd-preview-dialog-note{font:12px/1.6 Arial,sans-serif;color:#41503a;margin:14px 0 20px}
  .cd-preview-zoom-scroll{overflow:auto;padding:2px 2px 15px;overscroll-behavior:contain}
  .cd-preview-zoom-canvas{width:100%;min-width:720px;container-type:inline-size;container-name:gift-zoom}
  .cd-preview-dialog #cd-gift-preview{margin:0;box-shadow:none;cursor:default}
  .cd-preview-pan-hint{display:none;font:12px/1.6 Arial,sans-serif;color:#41503a;margin:8px 0 0}
  @keyframes cd-personalize-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
  @media(max-width:1100px){
    .cd-refined .cd-config-purchase{grid-template-columns:minmax(0,1fr);gap:24px}
    .cd-config-purchase>.cd-options,.cd-config-purchase>.cd-result-column{display:contents}
    .cd-config-purchase>.cd-options>fieldset{grid-column:1;margin:0}
    .cd-config-purchase>.cd-options>fieldset:nth-of-type(1){grid-row:1}
    .cd-config-purchase>.cd-options>fieldset:nth-of-type(2){grid-row:2}
    .cd-config-purchase .cd-mobile-price{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:center;padding:16px 0;margin:0;border-top:1px solid #627358;border-bottom:1px solid #627358}
    .cd-mobile-price>span{font:700 14px/1.5 Arial,sans-serif}
    .cd-mobile-price>strong{grid-column:2;grid-row:1/3;font:900 34px/1 'Arial Black',Arial,sans-serif;color:var(--lime);letter-spacing:-.05em;white-space:nowrap}
    .cd-mobile-price>small{font:11px/1.5 Arial,sans-serif;color:#bac5b2}
    .cd-config-purchase>.cd-options>.cd-gift-fields{grid-row:4}
    .cd-config-purchase .c41-gift-stage{grid-column:1;grid-row:5;margin:0;max-width:760px}
    .cd-refined .cd-config-purchase .cd-summary{grid-column:1;grid-row:6;width:100%;max-width:none;margin:0}
    .cd-refined .cd-config-purchase:has(#cd-gift:not(:checked)) .cd-summary{grid-row:5}
    .cd-preview-dialog{padding:20px}
  }
  @media(max-width:760px){.cd-preview-pan-hint{display:block}}
  @media(max-width:540px){
    .cd-refined .cd-config-purchase .cd-summary{padding:24px 22px}
    .cd-config-purchase .cd-duration-options{grid-template-columns:repeat(3,minmax(0,1fr))}
    .cd-config-purchase .cd-mobile-price{gap:6px 12px}
    .cd-mobile-price>strong{font-size:31px}
    .cd-mobile-price>small{max-width:170px}
    .cd-preview-caption{font-size:12px}
    .cd-preview-dialog{padding:16px}
    .cd-preview-dialog-heading{gap:10px}
    .cd-preview-dialog-heading h2{font-size:23px}
  }
  @media(prefers-reduced-motion:reduce){.cd-config-purchase #cd-personalize:not([hidden]){animation:none}}
}
@media print{
  .cd-refined .cd-config>.cd-result-column{display:block!important}
  .cd-result-column>.cd-summary{display:none!important}
  .cd-preview-caption,.cd-preview-actions,.cd-preview-notice,.cd-preview-dialog{display:none!important}
}

/* Keep Menu and Cart visible on narrow shopping screens. */
@media screen and (max-width:400px){
 .c-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:16px 4vw}
 .c-header .c-brand-emblem{gap:7px;min-width:0}
 .c-header .c-brand-symbol{width:36px;height:36px}
 .c-header .c-brand-name{font-size:23px}
 .c-header .c-brand-baseline{font-size:7.5px;max-width:110px;margin-top:5px}
 .c-header .c-menu-toggle{padding-inline:8px;white-space:nowrap;font-size:11px}
 .c-header .c-menu-toggle span{margin-left:3px}
 .c-header .c4-cart-link{margin-left:0;font-size:12px;min-height:44px}
}

/* Bon A2 : même plan de composition SVG que le document PDF paysage.
   Le formulaire, le panier et les paramètres commerciaux restent inchangés. */
.cd-refined #cd-gift-preview.c42-gift-landscape{display:block;aspect-ratio:1485/1050;grid-template-columns:none;grid-template-rows:none;width:100%;min-height:0;padding:0;margin:0;overflow:hidden;border:0;border-radius:2px;background:#f3ebdc}
.cd-refined #cd-gift-preview.c42-gift-landscape>svg{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1485/1050;overflow:visible}
@media screen{
  .cd-preview-dialog:has(.c42-gift-landscape){width:min(1260px,calc(100% - 24px))}
  .cd-preview-zoom-canvas:has(.c42-gift-landscape){min-width:1100px}
}
@media print{
  @page{size:A4 landscape;margin:0}
  body{margin:0!important;padding:0!important}
  .cd-refined .cd-config>.cd-result-column{margin:0!important;padding:0!important;width:297mm!important}
  .cd-refined .c41-gift-stage{width:297mm!important;height:210mm!important;margin:0!important;padding:0!important}
  .cd-refined #cd-gift-preview.c42-gift-landscape{display:block!important;position:static!important;width:297mm!important;height:210mm!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .cd-refined #cd-gift-preview.c42-gift-landscape>svg{display:block!important;width:297mm!important;height:210mm!important;max-width:none!important}
}
