/**
 * Digital Kreativ — shared TA KONTAKT mobile PSD (390px).
 * Applies to pages 78, 310, 269, 344 at <=767px. Desktop / tablet untouched. Preserves original Elementor and CF7 markup.
 */
@media (max-width:767px) {
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section {
  --dk-contact-mobile-accent:#3edfd0;
  position:relative!important;isolation:isolate!important;
  width:100%!important;max-width:none!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  color:#fff!important;background-color:#0b0b0b!important;
  background-image:url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/aalo-lens-QVVHV24DA_o-unsplash.jpg")!important;
  background-size:cover!important;background-position:center center!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section::before {
  content:""!important;position:absolute!important;inset:0!important;
  z-index:0!important;pointer-events:none!important;
  /* Darker scrim on the image only; headings, icons and form remain above it. */
  background:linear-gradient(180deg,rgba(0,4,7,.84) 0%,rgba(0,5,7,.78) 45%,rgba(0,3,4,.72) 100%)!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-inner.elementor-element {
  position:relative!important;z-index:1!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  width:100%!important;max-width:390px!important;min-height:0!important;
  margin:0 auto!important;padding:44px 23px 49px!important;gap:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-copy {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  width:100%!important;max-width:344px!important;min-width:0!important;
  margin:0!important;padding:0!important;gap:0!important;text-align:center!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-eyebrow {
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:116px!important;max-width:116px!important;height:40px!important;min-height:40px!important;
  margin:0 auto 26px!important;padding:0 10px!important;
  border:1px solid var(--dk-contact-mobile-accent)!important;border-radius:999px!important;
  background:transparent!important;
}
body:not(#dk-font-override):is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-eyebrow .elementor-heading-title {
  display:block!important;color:#fff!important;margin:0!important;
  font-family:'Poppins',Arial,sans-serif!important;font-size:12.5px!important;
  font-weight:400!important;line-height:1.25!important;letter-spacing:0!important;
  text-align:center!important;white-space:nowrap!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-heading,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-heading-accent {
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;margin:0!important;padding:0!important;text-align:center!important;
}
body:not(#dk-font-override):is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-heading .elementor-heading-title {
  display:block!important;margin:0!important;color:#fff!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(22px,6.41vw,25px)!important;font-weight:700!important;
  line-height:1.3!important;letter-spacing:0!important;text-align:center!important;
  white-space:normal!important;
}
body:not(#dk-font-override):is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-heading-accent .elementor-heading-title {
  display:block!important;max-width:310px!important;margin:0 auto!important;
  color:var(--dk-contact-mobile-accent)!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(29px,8.547vw,33.333px)!important;font-weight:700!important;
  line-height:1.19!important;letter-spacing:0!important;
  text-align:center!important;white-space:normal!important;text-wrap:balance!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-intro {
  display:block!important;width:100%!important;max-width:335px!important;
  margin:20px auto 29px!important;padding:0!important;text-align:center!important;
}
body:not(#dk-font-override):is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-intro p {
  display:block!important;width:100%!important;margin:0!important;padding:0!important;
  color:#fff!important;font-family:'Poppins',Arial,sans-serif!important;
  font-size:12.5px!important;font-weight:400!important;line-height:2!important;
  letter-spacing:0!important;text-align:center!important;text-wrap:balance!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-details {
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  width:100%!important;max-width:344px!important;
  gap:15px!important;margin:0 auto!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-detail {
  width:100%!important;max-width:344px!important;margin:0!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-detail p {
  display:block!important;margin:0!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-detail a {
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:13px!important;width:100%!important;min-height:43px!important;
  margin:0!important;padding:0!important;
  color:#fff!important;font-family:'Poppins',Arial,sans-serif!important;
  font-size:12.5px!important;font-weight:400!important;line-height:1.4!important;
  text-align:center!important;text-decoration:none!important;white-space:nowrap!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-detail a::before {
  content:""!important;display:block!important;flex:0 0 38px!important;
  width:38px!important;height:38px!important;
  border:1px solid var(--dk-contact-mobile-accent)!important;border-radius:50%!important;
  background-color:#fff!important;background-repeat:no-repeat!important;background-position:center!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-phone a::before {background-size:17px 17px!important;}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-email a::before {background-size:19px 13px!important;}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-panel {
  box-sizing:border-box!important;position:relative!important;
  display:block!important;width:100%!important;max-width:344px!important;
  height:auto!important;min-height:0!important;
  margin:28px auto 0!important;padding:32px 26px 31px!important;
  border:0!important;border-radius:12px!important;
  background:rgba(47,182,170,.45)!important;
  box-shadow:none!important;backdrop-filter:none!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-shortcode,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-shortcode .elementor-widget-container,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-shortcode .elementor-shortcode,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-shortcode .wpcf7,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-shortcode .wpcf7 form {
  display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields {
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  width:100%!important;max-width:100%!important;gap:18px!important;margin:0!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-two {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:18px!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-two > p,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields > p {
  display:flex!important;flex-direction:column!important;
  gap:18px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-two > label,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-two > p > label,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields > label,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields .wpcf7-form-control-wrap {
  box-sizing:border-box!important;display:block!important;
  width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields input[type=text],
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields input[type=tel],
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields input[type=email] {
  box-sizing:border-box!important;display:block!important;width:100%!important;
  height:54px!important;min-height:54px!important;max-height:none!important;
  margin:0!important;padding:0 15px!important;
  border:1px solid rgba(62,223,208,.57)!important;border-radius:11px!important;
  background:rgba(62,223,208,.55)!important;color:#075047!important;
  box-shadow:none!important;
  font-family:'Poppins',Arial,sans-serif!important;font-size:12.5px!important;
  font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields textarea {
  box-sizing:border-box!important;display:block!important;width:100%!important;
  height:116px!important;min-height:116px!important;max-height:116px!important;
  margin:0!important;padding:15px!important;
  resize:none!important;border:1px solid rgba(62,223,208,.57)!important;
  border-radius:12px!important;background:rgba(62,223,208,.55)!important;
  color:#075047!important;box-shadow:none!important;
  font-family:'Poppins',Arial,sans-serif!important;font-size:12.5px!important;
  font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields input::placeholder,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields textarea::placeholder {
  color:#075047!important;opacity:1!important;
  font-family:'Poppins',Arial,sans-serif!important;font-size:12.5px!important;font-weight:400!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-consent {display:none!important;}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields > p:last-child {
  position:relative!important;display:block!important;width:100%!important;
  margin:3px 0 0!important;padding:0!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields input[type=submit] {
  box-sizing:border-box!important;display:block!important;width:100%!important;
  height:41px!important;min-height:41px!important;max-height:none!important;
  margin:0!important;padding:0 40px!important;
  border:0!important;border-radius:999px!important;background:#3edfd0!important;
  color:#000!important;box-shadow:none!important;
  font-family:'Poppins',Arial,sans-serif!important;font-size:12.5px!important;
  font-weight:400!important;line-height:1.3!important;letter-spacing:0!important;
  text-align:left!important;cursor:pointer!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields > p:last-child::after {
  content:""!important;position:absolute!important;right:40px!important;top:50%!important;
  width:7px!important;height:11px!important;transform:translateY(-50%)!important;
  pointer-events:none!important;background:url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg") center/contain no-repeat!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields input[type=submit]:hover,
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields input[type=submit]:focus-visible {
  background:#fff!important;color:#000!important;
}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .wpcf7-spinner {
  position:absolute!important;right:17px!important;bottom:6px!important;margin:0!important;
}
}
@media (max-width:359px) {
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-inner.elementor-element {padding:39px 15px 45px!important;}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-panel {padding:25px 16px 24px!important;}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-form-fields {gap:15px!important;}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-two {gap:15px!important;}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-heading-accent .elementor-heading-title {font-size:29px!important;}
body:is(.page-id-78,.page-id-310,.page-id-269,.page-id-344,.page-id-358) .dk-contact-section .dk-contact-detail a {font-size:11.5px!important;}
}