/* Fiche produit : une seule tête, sans les espacements des cartes catalogue. */
#dialog[data-layout=product]{width:min(1000px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px);height:auto;max-height:calc(var(--app-height,100dvh) - 40px);margin:auto;padding:0;border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 24px 90px #001a6266}
#dialog[data-layout=product][open]{display:flex;flex-direction:column}
#dialog[data-layout=product]::backdrop{background:#071c42bf;backdrop-filter:blur(5px)}
#dialog[data-layout=product] .dialog-top{display:flex;position:static;top:auto;flex:none;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:12px 28px 10px;border:0;background:#004bff;color:#fff;min-width:0}
#dialog[data-layout=product] #dialog-kicker{display:flex;align-items:center;gap:10px;min-width:0;margin:0;color:#fff;font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.035em;text-transform:none;overflow-wrap:anywhere}
#dialog[data-layout=product] #dialog-kicker::before{content:'';flex:none;width:18px;height:4px;background:#65e8ff;box-shadow:0 -4px 0 #e61034}
#dialog[data-layout=product] .close-dialog{position:static;display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid #ffffff66;border-radius:50%;background:#003bce;color:#fff;font:400 28px/1 Arial,Helvetica,sans-serif;box-shadow:none;cursor:pointer}
#dialog[data-layout=product] .close-dialog:hover{background:#65e8ff;color:#071c42;border-color:#65e8ff}
#dialog[data-layout=product] .close-dialog:focus-visible{outline:2px solid #65e8ff;outline-offset:-5px;box-shadow:none}
#dialog[data-layout=product] #dialog-body{flex:1 1 auto;min-height:0;min-width:0;max-width:100%;padding:0;margin:0;overflow:auto;overscroll-behavior:contain}
#dialog[data-layout=product] .product-detail{display:block;min-width:0}
#dialog[data-layout=product] .detail-heading{display:grid;align-content:start;gap:13px;min-height:0;height:auto;margin:0;padding:7px 28px 25px;border:0;border-bottom:4px solid #65e8ff;background:#004bff;color:#fff}
#dialog[data-layout=product] .detail-heading-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;min-width:0}
#dialog[data-layout=product] .detail-heading .product-brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0;width:auto;margin:0;padding:0;border:0;color:#fff;font:400 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.015em;overflow-wrap:anywhere}
#dialog[data-layout=product] .product-brand strong{color:#9cf3ff;font-size:13px;font-weight:800;letter-spacing:.05em}
#dialog[data-layout=product] .product-brand span{min-width:0}
#dialog[data-layout=product] .detail-heading .product-offer{display:inline-flex;align-items:center;flex:none;gap:7px;min-height:26px;max-width:100%;margin:0;padding:4px 9px;border:1px solid #ffffff55;border-radius:3px;background:#003bce;color:#fff;font:500 11px/1.45 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
#dialog[data-layout=product] .detail-heading .product-offer::before{content:'';display:block;flex:none;width:6px;height:6px;margin:0;border:1px solid #65e8ff;border-radius:50%;background:transparent}
#dialog[data-layout=product] .detail-heading h2{max-width:820px;min-width:0;margin:0;padding:0;color:#fff;font-family:VeissiereDisplay,'Arial Narrow',Arial,sans-serif;font-size:clamp(30px,3.6vw,43px);font-weight:800;line-height:1.08;letter-spacing:-.025em;overflow-wrap:anywhere}
#dialog[data-layout=product] .detail-content{min-width:0;padding:25px 28px 28px}
#dialog[data-layout=product] .detail-loading{min-height:100px}
#dialog[data-layout=product] .detail-loading p{margin:0;color:#566779;font-size:14px}
#dialog[data-layout=product] .dialog-footer{position:static;bottom:auto;flex:none;gap:12px;margin:0;padding:15px 28px max(16px,env(safe-area-inset-bottom));border:0;border-top:1px solid #d9e2e9;background:#fff;box-shadow:0 -5px 20px #071c4208}
@media(max-width:640px){
 #dialog[data-layout=product]{width:100vw!important;max-width:100vw;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);margin:0;inset:0;border-radius:0}
 #dialog[data-layout=product] .dialog-top{padding:max(10px,env(safe-area-inset-top)) 18px 8px;gap:12px}
 #dialog[data-layout=product] #dialog-kicker{font-size:12px;letter-spacing:.01em}
 #dialog[data-layout=product] .detail-heading{gap:13px;padding:5px 20px 21px}
 #dialog[data-layout=product] .detail-heading-meta{gap:10px 14px}
 #dialog[data-layout=product] .detail-heading .product-brand{font-size:11px;gap:4px 10px}
 #dialog[data-layout=product] .product-brand strong{font-size:12px}
 #dialog[data-layout=product] .detail-heading h2{font-size:32px;line-height:1.08}
 #dialog[data-layout=product] .detail-content{padding:20px 16px 25px}
 #dialog[data-layout=product] .dialog-footer{padding:12px 16px max(14px,env(safe-area-inset-bottom));gap:9px}
}
@media(forced-colors:active){#dialog[data-layout=product] .close-dialog,#dialog[data-layout=product] .product-offer{border:1px solid ButtonText}}
@media print{#dialog[data-layout=product][open]{display:block!important;position:static;width:100%!important;max-width:100%;height:auto;max-height:none;margin:0;padding:0;border:0;box-shadow:none;overflow:visible}#dialog[data-layout=product] #dialog-body{overflow:visible}#dialog[data-layout=product] .detail-heading{color:#000;background:#fff;border-bottom:1px solid #000}#dialog[data-layout=product] .detail-heading h2,#dialog[data-layout=product] .detail-heading .product-brand,#dialog[data-layout=product] .product-brand strong{color:#000}#dialog[data-layout=product] .detail-heading .product-offer{color:#000;background:#fff;border-color:#000}}

.delivery-conditions{margin:24px 0;padding:20px 0;border-top:1px solid #d9e2e9;border-bottom:1px solid #d9e2e9}
.delivery-conditions h3{margin:0 0 12px;font-size:20px;line-height:1.25}
dialog .delivery-conditions p{margin:9px 0 0;font-size:13px;line-height:1.65;color:#526482}
.delivery-estimate{margin:14px 0 0;padding:12px 0 0;border-top:1px solid #d9e2e9;font-size:13px}
.delivery-estimate>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}
.delivery-estimate dt,.delivery-estimate dd{margin:0}
.delivery-estimate dd{font-weight:700;font-variant-numeric:tabular-nums}

/* Le comptoir : deux accès directs dans une fenêtre compacte. */
#dialog[data-layout=contact]{width:min(640px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px);height:auto;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:10px;overflow:auto;background:#fff;box-shadow:0 24px 90px #001a6266;overscroll-behavior:contain}
#dialog[data-layout=contact]::backdrop{background:#071c42bf;backdrop-filter:blur(5px)}
#dialog[data-layout=contact] .dialog-top{display:flex;position:sticky;top:0;z-index:5;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:15px 24px 9px;border:0;background:#004bff;color:#fff;min-width:0}
#dialog[data-layout=contact] #dialog-kicker{color:#fff;font:800 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.08em;margin:0;min-width:0}
#dialog[data-layout=contact] .close-dialog{position:static;display:grid;place-items:center;flex:none;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;margin:0;border:1px solid #ffffff66;border-radius:50%;background:#0042df;color:#fff;font:400 28px/1 Arial,Helvetica,sans-serif;box-shadow:none;cursor:pointer}
#dialog[data-layout=contact] .close-dialog:hover{background:#65e8ff;color:#071c42;border-color:#65e8ff}
#dialog[data-layout=contact] .close-dialog:focus-visible{outline:2px solid #65e8ff;outline-offset:-5px;box-shadow:none}
#dialog[data-layout=contact] #dialog-body{max-width:100%;min-width:0;padding:0;margin:0;overflow-wrap:normal}
#dialog[data-layout=contact] .comptoir-contact-intro{padding:9px 28px 27px;background:#004bff;color:#fff;border-bottom:5px solid #65e8ff}
#dialog[data-layout=contact] .comptoir-contact-topic{display:block;margin:0 0 12px;color:#65e8ff;font:700 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.015em}
#dialog[data-layout=contact] h2{margin:0;color:#fff;font-family:VeissiereDisplay,'Arial Narrow',Arial,sans-serif;font-weight:800;font-size:44px;line-height:1.02;letter-spacing:-.025em;text-transform:none}
#dialog[data-layout=contact] h2 em{font:inherit;color:#65e8ff}
#dialog[data-layout=contact] .comptoir-contact-lead{max-width:470px;margin:16px 0 0;color:#fff;font:400 15px/1.6 Arial,Helvetica,sans-serif}
#dialog[data-layout=contact] .comptoir-contact-actions{display:grid;gap:13px;padding:23px 28px 25px;min-width:0;background:#fff}
#dialog[data-layout=contact] .comptoir-call{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:15px;min-height:102px;padding:17px 22px;background:#e61034;color:#fff;border:2px solid #e61034;border-radius:4px;text-decoration:none;box-shadow:0 4px 0 #a5001e;transition:background 150ms,border-color 150ms}
#dialog[data-layout=contact] .comptoir-contact-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;min-width:0;background:#ffffff20;border-radius:50%;color:inherit}
#dialog[data-layout=contact] .comptoir-contact-icon svg{position:static;width:23px;height:23px;min-width:0;color:inherit}
#dialog[data-layout=contact] .comptoir-call b{display:block;color:#fff;font:700 14px/1.4 Arial,Helvetica,sans-serif;margin:0 0 5px}
#dialog[data-layout=contact] .comptoir-call strong{display:block;color:#fff;font:800 29px/1.15 Arial,Helvetica,sans-serif;letter-spacing:.015em;white-space:nowrap}
#dialog[data-layout=contact] .comptoir-call:hover{background:#c10829;border-color:#c10829}
#dialog[data-layout=contact] .comptoir-call:focus-visible{outline:3px solid #004bff;outline-offset:4px}
#dialog[data-layout=contact] .comptoir-route{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;min-height:87px;padding:15px 17px;border:1px solid #c5d5ef;border-radius:4px;background:#fff;color:#071c42;text-decoration:none;box-shadow:none}
#dialog[data-layout=contact] .comptoir-route .comptoir-contact-icon{width:36px;height:36px;background:#e9f0ff;color:#004bff}
#dialog[data-layout=contact] .comptoir-route-address{min-width:0}
#dialog[data-layout=contact] .comptoir-route b{display:block;margin:0;color:#071c42;font:700 14px/1.4 Arial,Helvetica,sans-serif}
#dialog[data-layout=contact] .comptoir-route small{display:block;margin:5px 0 0;color:#526482;font:400 12px/1.5 Arial,Helvetica,sans-serif}
#dialog[data-layout=contact] .comptoir-route-label{display:inline-flex;align-items:center;min-height:35px;padding:7px 10px;background:#004bff;color:#fff;border-radius:3px;font:700 12px/1.4 Arial,Helvetica,sans-serif}
#dialog[data-layout=contact] .comptoir-route:hover{border-color:#004bff;background:#f3f7ff}
#dialog[data-layout=contact] .comptoir-route:focus-visible{outline:3px solid #004bff;outline-offset:3px}
#dialog[data-layout=contact] .comptoir-contact-note{margin:2px 0 0;padding:1px 2px 0;color:#526482;font:400 12px/1.6 Arial,Helvetica,sans-serif}
#dialog[data-layout=contact] .contact-product{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:14px;margin:0 0 3px;padding:0 0 16px;border:0;border-bottom:1px solid #d9e3f2;background:#fff;min-width:0}
#dialog[data-layout=contact] .contact-product>img,#dialog[data-layout=contact] .contact-product>.photo-unavailable{display:block;width:62px;height:62px;min-height:0;padding:4px;object-fit:contain;border:1px solid #e0e8f4;background:#fff;overflow:hidden}
#dialog[data-layout=contact] .contact-product b{display:block;font:700 13px/1.4 Arial,Helvetica,sans-serif;color:#071c42;overflow-wrap:anywhere}
#dialog[data-layout=contact] .contact-product small{display:block;margin-top:5px;font:400 11px/1.4 Arial,Helvetica,sans-serif;color:#526482;overflow-wrap:anywhere}
@media(max-width:640px){
 #dialog[data-layout=contact]{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);height:auto;margin:auto;border-radius:10px}
 #dialog[data-layout=contact] .dialog-top{padding:13px 18px 7px;gap:10px}
 #dialog[data-layout=contact] #dialog-kicker{font-size:10px;letter-spacing:.06em}
 #dialog[data-layout=contact] .close-dialog{width:42px;min-width:42px;height:42px;font-size:27px}
 #dialog[data-layout=contact] .comptoir-contact-intro{padding:7px 21px 23px}
 #dialog[data-layout=contact] .comptoir-contact-topic{font-size:11px;margin-bottom:11px}
 #dialog[data-layout=contact] h2{font-size:36px;line-height:1.04}
 #dialog[data-layout=contact] .comptoir-contact-lead{font-size:14px;line-height:1.55;margin-top:14px}
 #dialog[data-layout=contact] .comptoir-contact-actions{padding:20px 19px 22px;gap:13px}
 #dialog[data-layout=contact] .comptoir-call{min-height:98px;padding:16px;grid-template-columns:37px minmax(0,1fr);gap:12px}
 #dialog[data-layout=contact] .comptoir-contact-icon{width:37px;height:37px}
 #dialog[data-layout=contact] .comptoir-call b{font-size:13px;margin-bottom:5px}
 #dialog[data-layout=contact] .comptoir-call strong{font-size:clamp(21px,6vw,27px);letter-spacing:0}
 #dialog[data-layout=contact] .comptoir-route{grid-template-columns:30px minmax(0,1fr);gap:11px;padding:14px 13px;min-height:89px}
 #dialog[data-layout=contact] .comptoir-route .comptoir-contact-icon{width:30px;height:30px}
 #dialog[data-layout=contact] .comptoir-route-address{align-self:center}
 #dialog[data-layout=contact] .comptoir-route b{font-size:13px}
 #dialog[data-layout=contact] .comptoir-route small{font-size:12px;line-height:1.4;margin-top:4px}
 #dialog[data-layout=contact] .comptoir-route-label{grid-column:2;justify-self:start;min-height:0;padding:0;background:none;color:#004bff;text-decoration:underline;text-underline-offset:3px;font-size:12px}
 #dialog[data-layout=contact] .comptoir-contact-note{font-size:12px;line-height:1.6;margin-top:1px}
}
@media(prefers-reduced-motion:reduce){#dialog[data-layout=contact] .comptoir-call{transition:none}}
@media(forced-colors:active){#dialog[data-layout=contact] .comptoir-call,#dialog[data-layout=contact] .comptoir-route,#dialog[data-layout=contact] .close-dialog{border:1px solid ButtonText}}