/* Product selection help: isolated from the legacy order forms. */
.detail_page .characters.aem-selection-product { gap:18px; min-height:380px; }
.detail_page .aem-selection-product .aem-product-topline { grid-template-rows:repeat(3,auto); row-gap:6px; }
.detail_page .aem-selection-product .articul,.detail_page .aem-selection-product .cat,.detail_page .aem-selection-product .podcat { display:block; grid-column:1; margin:0; align-self:start; font:400 14px/20px Roboto,Arial,sans-serif; }
.detail_page .aem-selection-product .aem-sku-copy,.detail_page .aem-selection-product .cat a,.detail_page .aem-selection-product .podcat a,.detail_page .aem-selection-product .cat span,.detail_page .aem-selection-product .podcat span { color:#009da0; font:400 14px/20px Roboto,Arial,sans-serif; }
.detail_page .aem-selection-product .aem-product-actions { grid-row:1 / 4; align-self:start; }
.detail_page .aem-specs-slot { min-height:152px; flex:1 0 auto; }
.detail_page .aem-selection-product .aem-detail-specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; margin:0; border:0; background:transparent; border-radius:0; overflow:visible; }
.detail_page .aem-selection-product .aem-detail-spec { min-height:74px; padding:8px 18px; gap:7px; justify-content:flex-start; border:0; box-sizing:border-box; }
.detail_page .aem-selection-product .aem-detail-spec:nth-child(odd) { border-right:1px solid #d6e0e6; }
.detail_page .aem-selection-product .aem-detail-spec:nth-child(n+3) { border-top:1px solid #d6e0e6; }
.detail_page .aem-selection-product .aem-detail-spec-label { color:#62788a; font:400 14px/19px Roboto,Arial,sans-serif; }
.detail_page .aem-selection-product .aem-detail-spec strong { color:#182e3e; font:500 28px/32px Roboto,Arial,sans-serif; }
.detail_page .aem-selection-product .aem-detail-spec small { font-size:14px; font-weight:400; }
.detail_page .aem-selection-product .bt { margin:-8px 0 0; }
.detail_page .aem-selection-help { display:flex; align-items:center; gap:12px; width:100%; box-sizing:border-box; padding:12px 16px; margin:-4px 0 0; border:1px solid #d5eaec; border-radius:5px; background:#f1f8f8; color:#007f87; text-align:left; font-family:Roboto,Arial,sans-serif; cursor:pointer; }
.aem-selection-help > svg { flex:0 0 auto; }
.aem-selection-help-icon { width:32px; height:32px; }
.aem-selection-help-chevron { width:24px; height:24px; margin-left:auto; }
.aem-selection-help > span { flex:1; }
.aem-selection-help strong { display:block; font-size:15px; line-height:21px; font-weight:500; }
.aem-selection-help small { display:block; margin-top:2px; color:#536d7b; font-size:13px; line-height:18px; }
.aem-selection-help:hover { background:#e5f3f3; border-color:#009da0; }
.aem-selection-help:focus-visible,.aem-selection-dialog :is(button,a,input,textarea):focus-visible,.aem-selection-dropzone:focus-visible { outline:2px solid #009da0; outline-offset:3px; }
html.aem-selection-is-open { overflow:hidden; }
.aem-selection-dialog { box-sizing:border-box; width:calc(100% - 32px); max-width:640px; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); padding:0; margin:auto; border:0; border-radius:6px; background:#fff; color:#182e3e; box-shadow:0 16px 64px #0003; overflow:auto; overscroll-behavior:contain; font:400 14px/1.5 Roboto,Arial,sans-serif; }
.aem-selection-dialog::backdrop { background:rgba(15,30,40,.55); }
.aem-selection-dialog * { box-sizing:border-box; }
.aem-selection-dialog [hidden] { display:none !important; }
.aem-selection-heading { position:sticky; top:0; z-index:2; display:flex; gap:12px; align-items:center; justify-content:space-between; padding:12px 20px 12px 24px; border-bottom:1px solid #e1e7eb; background:#fff; }
.aem-selection-heading h2 { margin:0; padding:0; border:0; color:#182e3e; font:500 22px/28px Roboto,Arial,sans-serif; }
.aem-selection-close { width:44px; height:44px; flex:0 0 44px; padding:0; border:0; border-radius:5px; background:transparent; color:#536d7b; font:400 30px/44px Arial,sans-serif; cursor:pointer; }
.aem-selection-close:hover { background:#f0f4f6; }
.aem-selection-body { padding:18px 24px 24px; }
.aem-selection-lead { margin:0 0 12px; color:#536d7b; }
.aem-selection-product-viewed { margin:0 0 18px; padding:12px; border-radius:5px; background:#f4f6f8; overflow-wrap:anywhere; }
.aem-selection-product-viewed > span { display:block; margin-bottom:3px; color:#62788a; font-size:13px; line-height:18px; }
.aem-selection-product-name { display:block; color:#182e3e; font-size:14px; line-height:20px; font-weight:500; }
.aem-selection-form { margin:0; }
.aem-selection-field { display:block; margin-bottom:14px; font-weight:400; }
.aem-selection-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
.aem-selection-field input,.aem-selection-field textarea { display:block; width:100%; min-height:44px; margin:5px 0 0; padding:10px 12px; border:1px solid #cbd7df; border-radius:5px; box-shadow:none; background:#fff; color:#182e3e; font:400 16px/22px Roboto,Arial,sans-serif; }
.aem-selection-field textarea { resize:vertical; min-height:88px; max-height:240px; }
.aem-selection-field input:focus,.aem-selection-field textarea:focus { border-color:#009da0; }
.aem-selection-field ::placeholder { color:#788791; opacity:1; font-size:14px; }
.aem-selection-files { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.aem-selection-dropzone { display:flex; min-height:112px; padding:18px; align-items:center; justify-content:center; flex-direction:column; gap:3px; border:1px dashed #9ebdc2; border-radius:5px; background:#f7fbfb; color:#536d7b; text-align:center; cursor:pointer; transition:border-color .16s ease,background-color .16s ease; }
.aem-selection-dropzone svg { width:28px; height:28px; margin-bottom:3px; color:#009da0; }
.aem-selection-dropzone strong { color:#182e3e; font:500 15px/21px Roboto,Arial,sans-serif; }
.aem-selection-dropzone span { font:400 14px/20px Roboto,Arial,sans-serif; }
.aem-selection-dropzone u { color:#008c96; text-underline-offset:2px; }
.aem-selection-dropzone:hover,.aem-selection-dropzone.is-dragging { border-color:#009da0; background:#eaf7f7; }
.aem-selection-hint { margin:5px 0 10px; color:#62788a; font-size:13px; line-height:18px; }
.aem-selection-file-list { margin:0 0 12px; padding:0; list-style:none; }
.aem-selection-file-list li { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e1e7eb; }
.aem-selection-file-list span { overflow-wrap:anywhere; min-width:0; font-size:13px; }
.aem-selection-file-list button { flex-shrink:0; min-height:44px; padding:6px; border:0; background:none; color:#007f87; font:inherit; cursor:pointer; }
.aem-selection-consents { margin:16px 0; }
.aem-selection-consents label { display:flex; align-items:flex-start; gap:8px; margin:10px 0; color:#536d7b; font:400 13px/19px Roboto,Arial,sans-serif; cursor:pointer; }
.aem-selection-consents input { appearance:auto; flex:0 0 18px; width:18px; height:18px; margin:1px 0 0; accent-color:#009da0; }
.aem-selection-consents a { color:#008c96; font:inherit; text-decoration:underline; text-underline-offset:2px; }
.aem-selection-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.aem-selection-error { margin:12px 0; padding:10px 12px; border:1px solid #e0aaa0; border-radius:5px; background:#fff4f0; color:#9a3020; font-size:14px; }
.aem-selection-submit,.aem-selection-done { width:100%; min-height:46px; padding:12px 16px; border:0; border-radius:5px; background:#ff4513; color:#fff; font:500 16px/22px Roboto,Arial,sans-serif; cursor:pointer; }
.aem-selection-submit:hover,.aem-selection-done:hover { background:#e93e0e; }
.aem-selection-submit:disabled { opacity:.6; cursor:wait; }
.aem-selection-success { display:flex; min-height:260px; flex-direction:column; align-items:center; justify-content:center; margin:0; padding:20px; text-align:center; color:#16212c; background:#fff; font:400 16px/1.45 Roboto,Arial,sans-serif; }
.aem-selection-success-icon { display:inline-flex; width:72px; height:72px; align-items:center; justify-content:center; margin:0 0 18px; color:#148446; background:#f0faf4; border:3px solid currentColor; border-radius:50%; }
.aem-selection-success-icon svg { width:38px; height:38px; }
.aem-selection-success > strong { margin:0 0 10px; color:#16212c; font:700 28px/1.2 Roboto,Arial,sans-serif; }
.aem-selection-success > span:not(.aem-selection-success-icon) { max-width:410px; color:#344653; }
.aem-selection-success .aem-selection-done { display:inline-flex; width:240px; min-height:48px; align-items:center; justify-content:center; margin-top:22px; padding:10px 18px; }
@media(max-width:1199px) {
 .detail_page .aem-selection-product .aem-product-actions { grid-row:4; margin-top:6px; }
 .detail_page .aem-selection-product .aem-product-topline { grid-template-rows:repeat(4,auto); }
 .detail_page .characters.aem-selection-product { min-height:0; }
}
@media(max-width:520px) {
 .aem-selection-dialog { width:calc(100% - 16px); max-height:calc(100vh - 16px); max-height:calc(100dvh - 16px); }
 .aem-selection-heading { padding:10px 12px 10px 16px; }
 .aem-selection-heading h2 { font-size:20px; }
 .aem-selection-body { padding:16px; }
 .aem-selection-fields { grid-template-columns:1fr; }
 .aem-selection-dropzone { min-height:100px; padding:14px; }
 .aem-selection-success { min-height:248px; padding:16px 8px; }
 .aem-selection-success-icon { width:64px; height:64px; margin-bottom:15px; }
 .aem-selection-success > strong { font-size:24px; }
 .aem-selection-success .aem-selection-done { width:min(240px,100%); margin-top:18px; }
 .detail_page .aem-selection-product .aem-detail-spec { padding:12px; }
 .detail_page .aem-selection-product .aem-detail-spec strong { font-size:20px; }
}
@media print { .aem-selection-help,.aem-selection-dialog { display:none !important; } .detail_page .aem-specs-slot { min-height:0; } }