/* Contextual link to the Maserati demonstration; no duplicate generated arrow. */
html body a.fern-motorblockade-videolink{display:inline-flex!important;align-items:center;min-height:44px;max-width:100%;box-sizing:border-box;padding:8px 0;margin-top:3px;color:inherit;font-size:clamp(12px,1em,16px);line-height:1.5;font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:normal;overflow-wrap:anywhere;grid-column:1/-1}
html body a.fern-motorblockade-videolink::after{content:none!important;display:none!important}
html body a.fern-motorblockade-videolink:hover{text-decoration-thickness:2px}
html body a.fern-motorblockade-videolink:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Decorative film frame with a play symbol. */
html body a.fern-motorblockade-videolink::before{content:""!important;display:block!important;position:static!important;width:19px!important;height:19px!important;flex:0 0 19px;margin:0 7px 0 0!important;transform:none!important;border:0!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='3' width='20' height='18' rx='2' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M6 3v18M18 3v18M2 8h4M2 16h4M18 8h4M18 16h4' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='m10 8 5 4-5 4z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important}

/* Keep the demonstration beside its configuration option. */
html body #konfigurator .config-option-with-info:not([hidden]):has(> .fern-motorblockade-videolink){display:grid!important;grid-template-columns:minmax(0,max-content) max-content max-content!important;align-items:center!important;justify-content:start!important;gap:12px 20px!important}
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink{grid-column:auto!important;min-height:44px!important;margin:0!important;padding:5px 10px!important;border:1px solid #d8c29a;border-radius:6px;background:#faf6ec;color:#785a2b;font-size:13px!important;line-height:1.35!important;white-space:nowrap!important;text-decoration:none!important;justify-self:start}
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink:hover{background:#f2e6c9;color:#173b43}
@media(max-width:760px){
html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink){grid-template-columns:minmax(0,1fr) max-content!important;gap:4px 12px!important;justify-content:stretch!important}
html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>label{grid-column:1/-1!important;width:100%!important}
html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>.config-option-info{grid-column:1!important;margin:0 0 0 30px!important;justify-self:start!important}
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink{grid-column:2!important;font-size:12px!important;padding:4px 8px!important;justify-self:end}
}

/* Explicit mobile cells prevent inherited margins/placement from overlapping. */
@media(max-width:760px){
html body #konfigurator .config-option-with-info:not([hidden]):has(> .fern-motorblockade-videolink){grid-template-columns:max-content max-content!important;grid-template-rows:auto auto!important;column-gap:16px!important;row-gap:4px!important;justify-content:start!important;width:100%!important;box-sizing:border-box!important}
html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>label,html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>.config-video-topic{grid-column:1/-1!important;grid-row:1!important;min-width:0!important;width:auto!important;max-width:100%!important;white-space:normal!important}
html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>.config-option-info{grid-column:1!important;grid-row:2!important;margin:0!important;padding:4px 0!important;min-width:0!important;width:auto!important;max-width:none!important;justify-self:start!important;position:relative!important;inset:auto!important;transform:none!important}
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink{grid-column:2!important;grid-row:2!important;margin:0!important;min-width:0!important;width:auto!important;max-width:none!important;justify-self:start!important;position:relative!important;inset:auto!important;transform:none!important}
html body #konfigurator #camper-video-choice>.fern-motorblockade-videolink{grid-column:1/-1!important}
}

@media(min-width:761px){
html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>label,html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>.config-video-topic{grid-column:1!important;grid-row:1!important}
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink{grid-column:2!important;grid-row:1!important}
html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>.config-option-info{grid-column:3!important;grid-row:1!important}
}

/* Match the quiet information link on desktop and mobile. */
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 0!important;min-height:44px!important;color:#345d62!important;font:700 12px/1.35 Roboto,Arial,sans-serif!important;text-decoration:none!important;gap:4px!important}
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink::before{color:#a17c3d!important;width:24px!important;height:24px!important;flex:0 0 24px!important;margin:0!important}
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink:hover{background:transparent!important;color:#173b43!important;text-decoration:none!important;box-shadow:none!important}
html body #konfigurator .config-option-with-info>.fern-motorblockade-videolink:hover::before{color:#8d692e!important}
@media(max-width:760px){
html body #konfigurator .config-option-with-info:has(> .fern-motorblockade-videolink)>.config-option-info{margin-left:30px!important}
html body #konfigurator #camper-video-choice>.fern-motorblockade-videolink{margin-left:30px!important}
}

@media(max-width:760px){html body #konfigurator .config-option-with-info:not([hidden]):has(> .fern-motorblockade-videolink){row-gap:9px!important}}

html body #config-info-dialog #config-info-video{display:flex!important;align-items:center;gap:4px;min-height:44px;width:max-content;max-width:100%;margin:8px 0 16px;padding:4px 0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#345d62;font:700 12px/1.35 Roboto,Arial,sans-serif;text-decoration:none!important;white-space:nowrap}
html body #config-info-dialog #config-info-video::before{color:#a17c3d!important;width:24px!important;height:24px!important;flex:0 0 24px!important;margin:0!important}
html body #config-info-dialog #config-info-video:hover{color:#173b43;text-decoration:none!important}
html body #config-info-dialog #config-info-video:hover::before{color:#8d692e!important}
html body #config-info-dialog #config-info-video[hidden]{display:none!important}