.amp-pepe-technical-drawings{display:grid;gap:22px;width:100%}
.amp-pepe-technical-drawing__header{margin:0 0 12px}
.amp-pepe-technical-drawing__header h3{margin:0;font-size:17px;line-height:1.3;color:#111827}
.amp-pepe-technical-drawing__context{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:#6b7280}
.amp-pepe-technical-drawing__content{display:grid;gap:16px;width:100%;min-width:0}
.amp-pepe-technical-drawing__visual{width:100%;max-width:none;min-width:0;margin-left:auto;margin-right:auto}
.amp-pepe-technical-drawing__image-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:260px}
.amp-pepe-technical-drawing__image-link img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:460px;object-fit:contain;margin:0 auto!important}
.amp-pepe-technical-drawing__zoom-hint{margin-top:6px;font-size:12px;line-height:1.35;color:#6b7280;text-align:center}
.amp-pepe-technical-drawing__image-missing{display:flex;align-items:center;justify-content:center;min-height:220px;padding:16px;border:1px dashed #d1d5db;border-radius:10px;color:#6b7280;background:#fafafa}
.amp-pepe-technical-drawing__parts{min-width:0;width:100%}
.amp-pepe-technical-drawing__parts-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.amp-pepe-technical-drawing__parts-head h4{margin:0;font-size:15px;line-height:1.3;color:#111827}
.amp-pepe-technical-drawing__parts-head>span{flex:0 0 auto;font-size:12px;color:#6b7280}
.amp-pepe-technical-parts{position:relative;max-height:430px;overflow-y:auto;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fff;overscroll-behavior:contain}
.amp-pepe-technical-part{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:48px;padding:7px 4px;border-bottom:1px solid #eef0f2}
.amp-pepe-technical-part:last-child{border-bottom:0}
.amp-pepe-technical-part.is-current{background:#f8fafc;box-shadow:inset 2px 0 0 #111827}
.amp-pepe-technical-part__number{align-self:start;padding-top:1px;text-align:right;font-size:13px;font-weight:700;line-height:1.35;color:#111827;font-variant-numeric:tabular-nums}
.amp-pepe-technical-part__number.is-empty{visibility:hidden}
.amp-pepe-technical-part__info{min-width:0}
.amp-pepe-technical-part__name{font-size:13px;font-weight:600;line-height:1.35;color:#1f2937;overflow-wrap:anywhere}
.amp-pepe-technical-part__sku{margin-top:2px;font-size:11px;line-height:1.3;color:#596579}
.amp-pepe-technical-part__action{white-space:nowrap;padding-right:2px;font-size:12px;line-height:1.35}
.amp-pepe-technical-part__action a{font-weight:700;text-decoration:none}
.amp-pepe-technical-part__current{font-weight:700;color:#111827}
.amp-pepe-technical-part__unavailable{color:#596579}
.amp-pepe-special-request-button{appearance:none;border:0;padding:0;background:none;color:#111827;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
/* Native dialogs are theme independent and trap focus automatically. */
.amp-pepe-special-modal:not([open]){display:none!important}
.amp-pepe-special-modal{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(90vh,90dvh);padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.25);overflow:hidden}
.amp-pepe-special-modal::backdrop{background:rgba(15,23,42,.48)}
.amp-pepe-special-modal__dialog{position:relative;box-sizing:border-box;max-height:min(90vh,90dvh);overflow-y:auto;overscroll-behavior:contain;padding:24px}
.amp-pepe-special-modal__dialog h3{margin:0 36px 6px 0;font-size:20px}
.amp-pepe-special-modal__part{margin:0 0 18px;color:#64748b}
.amp-pepe-special-modal__close{position:absolute;top:10px;right:12px;min-width:36px;min-height:36px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:#64748b}
.amp-pepe-special-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.amp-pepe-special-modal label{display:block;margin:0 0 12px;font-size:13px;font-weight:600;color:#334155}
.amp-pepe-special-modal input,.amp-pepe-special-modal textarea{width:100%;margin-top:5px}
.amp-pepe-special-form__message{min-height:20px;margin:0 0 10px;font-size:13px}
.amp-pepe-special-form__message.is-error{color:#b91c1c}.amp-pepe-special-form__message.is-success{color:#166534}
.amp-pepe-special-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
body.amp-pepe-modal-open{overflow:hidden}
@media (max-width:549px){
 .amp-pepe-technical-drawings{gap:18px}
 .amp-pepe-technical-drawing__header{margin-bottom:10px}
 .amp-pepe-technical-drawing__header h3{font-size:15px}
 .amp-pepe-technical-drawing__context{font-size:12px}
 .amp-pepe-technical-drawing__content{gap:16px}
 .amp-pepe-technical-drawing__image-link{min-height:220px}
 .amp-pepe-technical-drawing__image-link img{max-height:360px}
 .amp-pepe-technical-drawing__parts-head{align-items:flex-end}
 .amp-pepe-technical-part{grid-template-columns:24px minmax(0,1fr);gap:7px;padding:8px 2px}
 .amp-pepe-technical-part__number{font-size:12px}
 .amp-pepe-technical-part__action{grid-column:2;white-space:normal;margin-top:-2px;padding-right:0}
 .amp-pepe-special-form__grid{grid-template-columns:1fr}
 .amp-pepe-special-modal__dialog{padding:20px}
}

/* Native accordion for products linked to several technical drawings. */
.amp-pepe-technical-drawing:not(:first-child){border-top:1px solid #e5e7eb;padding-top:12px}
summary.amp-pepe-technical-drawing__header{cursor:pointer;list-style:revert;display:list-item;margin-left:16px}
summary.amp-pepe-technical-drawing__header h3{display:inline}
.amp-pepe-technical-drawing[open] > summary{margin-bottom:12px}

/* Accessible focus, responsive form and native theme-neutral drawing zoom. */
.amp-pepe-technical-parts:focus-visible,.amp-pepe-special-request-button:focus-visible{outline:2px solid #2271b1;outline-offset:2px}
.amp-pepe-special-modal__close:focus-visible,.amp-pepe-drawing-lightbox button:focus-visible{outline:2px solid #2271b1;outline-offset:2px}
.amp-pepe-special-form__grid>*{min-width:0}
.amp-pepe-special-modal input,.amp-pepe-special-modal textarea{box-sizing:border-box;max-width:100%}
.amp-pepe-drawing-lightbox:not([open]){display:none!important}
.amp-pepe-drawing-lightbox{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:44px 12px 12px;border:0;border-radius:10px;max-width:96vw;max-height:95vh;max-height:95dvh;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.25)}
.amp-pepe-drawing-lightbox::backdrop{background:rgba(15,23,42,.78)}
.amp-pepe-drawing-lightbox img{display:block!important;position:static!important;width:auto!important;height:auto!important;max-width:calc(96vw - 24px)!important;max-height:calc(95vh - 62px)!important;max-height:calc(95dvh - 62px)!important;object-fit:contain}
.amp-pepe-drawing-lightbox button{position:absolute;right:10px;top:8px;border:0;background:transparent;cursor:pointer;font-size:28px;line-height:1.2;color:#334155}
@media(max-width:549px){.amp-pepe-special-modal__dialog{padding:18px}.amp-pepe-special-modal{max-width:calc(100vw - 20px);width:calc(100vw - 20px)}}
