.nok-contact{box-sizing:border-box;color:#011848;background:transparent;--nct-line:#01184830}.nok-contact--lilac{background:#B6BBD6}.nok-contact--blue{background:#011848;color:white;--nct-line:#ffffff38}.nok-contact__inner{max-width:var(--lo-content-width,1152px);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.nok-contact__title{margin:0 0 22px;color:inherit}.nok-contact__intro{margin:0 0 12px}.nok-contact__copy p,.nok-contact__availability p,.nok-contact__caption p,.nok-contact__detail p{color:inherit}.nok-contact__copy p:first-child{margin-top:0}.nok-contact__availability{margin-top:25px}.nok-contact__actions{align-self:center;border-top:1px solid var(--nct-line)}.nok-contact__row{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:23px 0;border-bottom:1px solid var(--nct-line)}.nok-contact__caption p,.nok-contact__detail p{margin:0}.nok-contact__icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--nct-line);border-radius:50%}.nok-contact__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.nok-contact__button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 18px;border:1.5px solid currentColor;border-radius:99px;background:transparent;color:inherit;text-decoration:none;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap}.nok-contact__button:hover{opacity:.7}.nok-contact__button:focus-visible{outline:2px solid #C27655;outline-offset:4px}
.nok-contact{padding-top:var(--nct-desktop-padding-top);padding-bottom:var(--nct-desktop-padding-bottom);padding-left:var(--nct-desktop-padding-left);padding-right:var(--nct-desktop-padding-right);margin-top:var(--nct-desktop-margin-top);margin-bottom:var(--nct-desktop-margin-bottom);margin-left:var(--nct-desktop-margin-left);margin-right:var(--nct-desktop-margin-right);}@media(max-width:767px){.nok-contact{padding-top:var(--nct-mobile-padding-top);padding-bottom:var(--nct-mobile-padding-bottom);padding-left:var(--nct-mobile-padding-left);padding-right:var(--nct-mobile-padding-right);margin-top:var(--nct-mobile-margin-top);margin-bottom:var(--nct-mobile-margin-bottom);margin-left:var(--nct-mobile-margin-left);margin-right:var(--nct-mobile-margin-right);} .nok-contact__inner{grid-template-columns:1fr;gap:30px}.nok-contact__row{grid-template-columns:40px 1fr;padding:20px 0}.nok-contact__button{grid-column:2;justify-self:start}}
/* Extend only the background beyond the page container; retain content gutters. */
.nok-contact{position:relative;isolation:isolate;background:transparent;--nct-surface:transparent}
.nok-contact--lilac{background:transparent;--nct-surface:#B6BBD6}
.nok-contact--blue{background:transparent;--nct-surface:#011848}
.nok-contact::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--nct-surface);box-shadow:0 0 0 100vmax var(--nct-surface);clip-path:inset(0 -100vmax)}

.nok-contact--lilac .nok-contact__button:hover{color:#fff;border-color:#fff;background:transparent;opacity:1}

/* Intro sits 20px above the title; the contact divider follows the title row. */
.nok-contact__intro{margin:0 0 20px}
@media(min-width:768px){
.nok-contact__inner{row-gap:0;align-items:start}
.nok-contact__inner>div:first-child{display:contents}
.nok-contact__intro{grid-column:1;grid-row:1}
.nok-contact__title{grid-column:1;grid-row:1}
.nok-contact__copy{grid-column:1;grid-row:2}
.nok-contact__availability{grid-column:1;grid-row:3}
.nok-contact__actions{grid-column:2;grid-row:1 / span 3;align-self:start}
.nok-contact__inner:has(.nok-contact__intro) .nok-contact__title{grid-row:2}
.nok-contact__inner:has(.nok-contact__intro) .nok-contact__copy{grid-row:3}
.nok-contact__inner:has(.nok-contact__intro) .nok-contact__availability{grid-row:4}
.nok-contact__inner:has(.nok-contact__intro) .nok-contact__actions{grid-row:2 / span 3}
}

/* Contact details replace the separate action buttons. */
.nok-contact .nok-contact__row{grid-template-columns:40px minmax(0,1fr)}
.nok-contact .nok-contact__detail,.nok-contact .nok-contact__detail *{font-weight:700!important}
.nok-contact .nok-contact__link{display:inline-block;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:none}
.nok-contact .nok-contact__link:hover{text-decoration:underline;text-underline-offset:3px}
.nok-contact .nok-contact__link:focus-visible{outline:2px solid #C27655;outline-offset:4px;border-radius:2px}

/* Email action opens the selected HubSpot form without leaving the page. */
.nok-contact .nok-contact__form-trigger{appearance:none;border:0;background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0;font:inherit;color:inherit;line-height:inherit;text-align:left;cursor:pointer;text-transform:none;letter-spacing:inherit}
.nok-contact__dialog{box-sizing:border-box;width:min(680px,calc(100vw - 40px));max-width:680px;max-height:calc(100dvh - 40px);padding:32px;border:0;border-radius:8px;background:#f7f4f0;color:#011848;box-shadow:0 24px 90px #01184840;overflow:auto;overscroll-behavior:contain}
.nok-contact__dialog::backdrop{background:#01184880;backdrop-filter:blur(4px)}
.nok-contact .nok-contact__form-title{font:600 28px/1.3 var(--ff-h2,Poppins,Arial,sans-serif);color:#011848;margin:0 42px 24px 0;letter-spacing:-.025em}
.nok-contact .nok-contact__close{position:sticky;float:right;top:0;display:grid;place-items:center;width:36px;height:36px;padding:8px;margin:0 0 -36px;border:1px solid #b6bbd655;border-radius:50%;background:white;color:#011848;cursor:pointer;z-index:2}
.nok-contact__close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.nok-contact__close:focus-visible{outline:3px solid #858db8;outline-offset:3px}
.nok-contact__embedded-form{color:#011848;font-family:var(--ff-base,Inter,Arial,sans-serif);font-size:16px}
.nok-contact__embedded-form iframe{max-width:100%}
.nok-contact__embedded-form label{font-size:16px;color:#011848}
.nok-contact__embedded-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.nok-contact__embedded-form textarea,.nok-contact__embedded-form select{box-sizing:border-box;max-width:100%;font-size:16px}
body.nok-contact-dialog-open{overflow:hidden}
@media(max-width:600px){.nok-contact__dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px 20px}.nok-contact .nok-contact__form-title{font-size:24px}}

/* Match the shared content container without adding a second set of gutters.
   The frame measures available width for both full-width and DND placements. */
.nok-contact-frame{container-type:inline-size;width:100%;min-width:0}
.nok-contact__inner{width:100%;min-width:0;box-sizing:border-box}
@supports(width:1cqw){
 .nok-contact{
  padding-left:max(0px,calc(var(--nct-desktop-padding-left,24px) - (100vw - 100cqw)/2));
  padding-right:max(0px,calc(var(--nct-desktop-padding-right,24px) - (100vw - 100cqw)/2));
 }
 @media(max-width:767px){
  .nok-contact{
   padding-left:max(0px,calc(var(--nct-mobile-padding-left,24px) - (100vw - 100cqw)/2));
   padding-right:max(0px,calc(var(--nct-mobile-padding-right,24px) - (100vw - 100cqw)/2));
  }
 }
}