/** Nettside Utvikling form #77: same mobile PSD styling as Forside.
 * Source: approved mobile-enquiry-parity.css. No homepage rules changed. */
@media (max-width:767px) {
 body.page-id-269 .dk-service-lead {
   padding:0 16px 26px!important;
   background-color:#000a0d!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-inner {
   width:min(100%,340px)!important;
   max-width:340px!important;
   margin:-21px auto 0!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-shortcode,
 body.page-id-269 .dk-service-lead .dk-hero-lead-shortcode > .elementor-widget-container,
 body.page-id-269 .dk-service-lead .dk-hero-lead-shortcode .elementor-shortcode {
   display:block!important;
   width:100%!important;
   max-width:none!important;
   margin:0!important;
 }
 body.page-id-269 .dk-service-lead .wpcf7 {
   width:100%!important;
   max-width:100%!important;
   padding:23px 20px 26px!important;
   border:1px solid #3edfd0!important;
   border-radius:19px!important;
   background-color:#001317!important;
   background-image:linear-gradient(105deg,rgba(0,9,12,.38),rgba(0,13,17,.30) 52%,rgba(0,11,15,.37)),url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/pexels-justguryan-19945132-scaled.jpg")!important;
   background-size:cover,cover!important;
   background-position:center,center 48%!important;
   box-shadow:0 13px 30px rgba(0,0,0,.46),0 0 19px rgba(62,223,208,.12)!important;
 }
 body.page-id-269 .dk-service-lead .wpcf7 form {
   margin:0!important;
   padding:0!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-grid {
   display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;
   row-gap:11px!important;
   column-gap:0!important;
   align-items:start!important;
   padding:0!important;
   margin:0!important;
 }
 /* Flatten only on mobile, leaving CF7 fields and validation intact. */
 body.page-id-269 .dk-service-lead .dk-hero-lead-intro,
 body.page-id-269 .dk-service-lead .dk-hero-lead-fields,
 body.page-id-269 .dk-service-lead .dk-hero-lead-row,
 body.page-id-269 .dk-service-lead .dk-hero-lead-row > p {
   display:contents!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-grid br {display:none!important}
 body.page-id-269 .dk-service-lead .dk-hero-lead-intro h2 {
   order:1;
   width:100%;
   margin:0 0 3px!important;
   padding:0!important;
   text-align:center!important;
   color:#fff!important;
   font-family:'Playfair Display',Georgia,serif!important;
   font-size:clamp(19px,5.34vw,20.833px)!important;
   font-weight:700!important;
   line-height:1.3!important;
   letter-spacing:-.015em!important;
   white-space:normal!important;
   max-width:100%!important;
   text-wrap:balance;
   overflow-wrap:normal;
 }
 body.page-id-269 .dk-service-lead .dk-hero-field {
   display:block!important;
   width:100%!important;
   margin:0!important;
   padding:0!important;
   min-width:0;
 }
 body.page-id-269 .dk-service-lead .dk-hero-field:has([name="your-name"]) {order:2}
 body.page-id-269 .dk-service-lead .dk-hero-field:has([name="your-phone"]) {order:3}
 body.page-id-269 .dk-service-lead .dk-hero-field:has([name="your-email"]) {order:4}
 body.page-id-269 .dk-service-lead .dk-hero-lead-row input:not([type=submit]):not([type=checkbox]) {
   display:block!important;
   width:100%!important;
   min-width:0!important;
   min-height:41px!important;
   height:41px!important;
   margin:0!important;
   padding:0 22px!important;
   border:1px solid #3edfd0!important;
   border-radius:999px!important;
   color:#fff!important;
   background:rgba(0,8,10,.97)!important;
   box-shadow:none!important;
   font:400 12.5px/1.4 'Poppins',Arial,sans-serif!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-row input::placeholder {
   color:#c1bebe!important;
   opacity:1;
   font:400 12.5px/1.4 'Poppins',Arial,sans-serif!important;
 }
 /* Use the PSD mobile form order while keeping the CF7 controls. */
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent {
   order:5;
   width:100%!important;
   margin:7px 0 4px!important;
   padding:0!important;
   text-align:left!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent label {
   display:flex!important;
   align-items:flex-start!important;
   gap:9px!important;
   margin:0!important;
   padding:0!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent,
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent label,
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent span {
   font:400 12.5px/2 'Poppins',Arial,sans-serif!important;
   letter-spacing:0!important;
   color:#fff!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent .wpcf7-acceptance input[type=checkbox] {
   flex:0 0 14px!important;
   width:14px!important;
   min-width:14px!important;
   max-width:14px!important;
   height:14px!important;
   min-height:14px!important;
   max-height:14px!important;
   inline-size:14px!important;
   block-size:14px!important;
   margin:6px 0 0!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent .wpcf7-acceptance input[type=checkbox]:checked {
   background-image:radial-gradient(circle at center,#3edfd0 0 3px,transparent 3.5px)!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-row input[type=submit] {
   order:6;
   display:block!important;
   width:100%!important;
   height:42px!important;
   min-height:42px!important;
   margin:0!important;
   padding:0 38px 0 22px!important;
   border:0!important;
   border-radius:999px!important;
   background:#3edfd0!important;
   color:#000!important;
   font:400 12.5px/1.35 'Poppins',Arial,sans-serif!important;
   text-align:left!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-row input[type=submit].dk-lead-arrow-svg {
   background-image:url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg")!important;
   background-repeat:no-repeat!important;
   background-position:right 25px center!important;
   background-size:6px 10px!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-row input[type=submit]:hover {
   background-color:#28c4bb!important;
 }
}
@media (max-width:359px) {
 body.page-id-269 .dk-service-lead .dk-hero-lead-intro h2 {
   font-size:clamp(17px,5.34vw,19px)!important;
 }
}


/* The service-page form stays in its document position, not overlapping
   the preceding section as the homepage hero form does. */
@media (max-width:767px) {
 body.page-id-269 .dk-service-lead.dk-hero-lead-wrap {
   width:100%!important;max-width:none!important;
   padding:0 16px 43px!important;background:#000a0d!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-inner {
   width:min(100%,340px)!important;max-width:340px!important;
   margin:0 auto!important;padding:0!important;
 }
 body.page-id-269 .dk-service-lead .wpcf7 {
   min-height:0!important;padding:23px 20px 26px!important;
   border:1px solid #3edfd0!important;border-radius:19px!important;
   box-shadow:0 13px 30px rgba(0,0,0,.46),0 0 19px rgba(62,223,208,.12)!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-grid {
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   row-gap:11px!important;column-gap:0!important;align-items:start!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-intro,
 body.page-id-269 .dk-service-lead .dk-hero-lead-fields,
 body.page-id-269 .dk-service-lead .dk-hero-lead-row,
 body.page-id-269 .dk-service-lead .dk-hero-lead-row > p {display:contents!important;}
 body.page-id-269 .dk-service-lead .dk-hero-lead-intro h2 {
   font:700 clamp(19px,5.34vw,20.833px)/1.3 'Playfair Display',Georgia,serif!important;
   order:1!important;max-width:100%!important;margin:0 0 3px!important;
   white-space:normal!important;text-align:center!important;letter-spacing:-.015em!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-field:has([name="your-name"]) {order:2!important;}
 body.page-id-269 .dk-service-lead .dk-hero-field:has([name="your-phone"]) {order:3!important;}
 body.page-id-269 .dk-service-lead .dk-hero-field:has([name="your-email"]) {order:4!important;}
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent {
   order:5!important;width:100%!important;margin:7px 0 4px!important;text-align:left!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent label {
   align-items:flex-start!important;gap:9px!important;
   font:400 12.5px/2 'Poppins',Arial,sans-serif!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-consent .wpcf7-acceptance input[type=checkbox] {
   flex:0 0 14px!important;width:14px!important;height:14px!important;
   min-width:14px!important;min-height:14px!important;
   max-width:14px!important;max-height:14px!important;margin:6px 0 0!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-row {
   display:contents!important;grid-template-columns:none!important;gap:0!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-row input:not([type=submit]):not([type=checkbox]) {
   display:block!important;width:100%!important;
   height:41px!important;min-height:41px!important;max-height:41px!important;
   margin:0!important;padding:0 22px!important;
   border:1px solid #3edfd0!important;border-radius:999px!important;
   background:rgba(0,8,10,.97)!important;color:#fff!important;
   font:400 12.5px/1.4 'Poppins',Arial,sans-serif!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-row input[type=submit] {
   order:6!important;display:block!important;width:100%!important;
   height:42px!important;min-height:42px!important;max-height:42px!important;
   margin:0!important;padding:0 38px 0 22px!important;border:0!important;
   border-radius:999px!important;background-color:#3edfd0!important;color:#000!important;
   font:400 12.5px/1.35 'Poppins',Arial,sans-serif!important;text-align:left!important;
 }
 body.page-id-269 .dk-service-lead .dk-hero-lead-row input[type=submit].dk-lead-arrow-svg {
   background-image:url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg")!important;
   background-repeat:no-repeat!important;background-position:right 25px center!important;
   background-size:6px 10px!important;
 }
}
@media (max-width:359px) {
 body.page-id-269 .dk-service-lead .wpcf7 {padding:23px 15px 26px!important;}
 body.page-id-269 .dk-service-lead .dk-hero-lead-intro h2 {font-size:clamp(17px,5.34vw,19px)!important;}
}