/* Keep source form geometry and provide a visible keyboard focus indicator. */
[data-panasia-contact] :is(input, select, textarea):focus-visible {
  outline: 2px solid #6355df !important;
  outline-offset: 3px;
}

/* Source form spacing was coupled to the incorrect ul[role=checkbox].
   Preserve its light-form grid after restoring native list semantics. */
[data-panasia-contact] .hs-fieldtype-checkbox > .input > ul.inputs-list {
  display: grid;
  gap: .75rem;
  width: 100%;
  max-width: 100%;
}

/* Panasia's longer menu labels must remain inside their source grid column.
   The captured w-max links otherwise paint over the neighboring menu group. */
header a:has(.navigation-link) {
  max-width: 100%;
  white-space: normal;
}
/* The captured form only styles text/email/tel. Keep its native light-field
   geometry for the product URL and date controls added to inquiry intake. */
[class*="form__wrapper"] form[data-panasia-contact] .input > input:is([type="url"], [type="date"]) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: .75rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: .5rem;
  color: #171717;
  background: #fff;
  font: inherit;
  font-size: .875rem;
  line-height: 1.375;
}
[class*="form__wrapper"] form[data-panasia-contact] .input > input[type="url"]::placeholder {
  color: #929292;
}
[class*="form__wrapper"] form[data-panasia-contact] .input > input:is([type="url"], [type="date"]):focus {
  border-color: #171717;
  box-shadow: 0 0 0 3px #17171714;
}

/* Opening films had no way to be stopped (WCAG 2.2.2). This control adopts the
   geometry the country film control already established so the two read as one
   vocabulary; hero-pause.js owns its behaviour. */
.panasia-hero-control{position:absolute;top:20px;right:20px;z-index:40;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;color:white;background:#0008;cursor:pointer;font-size:16px;line-height:1}
.panasia-hero-control:hover{background:#000c}
.panasia-hero-control:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:767px){.panasia-hero-control{top:12px;right:12px}}