/**
 * Digital Kreativ — homepage UTVALGTE PROSJEKTER mobile PSD parity.
 * Source: uploaded "Digital kreative website design MV.psd" 390px artboard.
 * Only page #78 and <=767px. Desktop shortcode, content, links unaffected.
 */
@media (max-width:767px) {
  /* Let the actual WordPress reference shortcode own the full viewport.
     Older Elementor-only project selectors are intentionally not reused. */
  body.page-id-78 .dk-home-managed-references,
  body.page-id-78 .dk-home-managed-references .dk-references-shortcode,
  body.page-id-78 .dk-home-managed-references .dk-references-shortcode > .elementor-widget-container,
  body.page-id-78 .dk-home-managed-references .dk-references-shortcode .elementor-shortcode {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-managed-references.dk-references-featured {
    box-sizing:border-box!important;
    position:relative!important;
    isolation:isolate!important;
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 0 -50vw!important;
    padding:0!important;
    overflow:hidden!important;
    color:#fff!important;
    background:#17564f!important;
    font-family:'Poppins',Arial,sans-serif!important;
  }
  /* Original architectural/network photograph with the dark-teal grading
     from the mobile PSD. Both overlays remain behind the actual cards. */
  body.page-id-78 .dk-home-managed-references .dk-managed-references.dk-references-featured::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    width:100%!important;
    height:100%!important;
    background:url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/joel-filipe-jU9VAZDGMzs-unsplash.jpg") center center / cover no-repeat!important;
    opacity:.48!important;
    mix-blend-mode:multiply!important;
    transform:none!important;
    pointer-events:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-managed-references.dk-references-featured::after {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:linear-gradient(180deg,rgba(13,77,71,.22),rgba(5,51,47,.39))!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-managed-references.dk-references-featured .dk-projects-inner {
    box-sizing:border-box!important;
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:48px 0 57px!important;
  }
  /* Move the CTA visually below the project list without changing the
     editable shortcode's DOM/data or project-link destinations. */
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-intro {
    display:contents!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-kicker {
    box-sizing:border-box!important;
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:183px!important;
    max-width:calc(100vw - 32px)!important;
    height:40px!important;
    min-height:40px!important;
    margin:0 auto 15px!important;
    padding:0 12px!important;
    border:1px solid #3edfd0!important;
    border-radius:999px!important;
    background:rgba(10,62,58,.15)!important;
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:12.5px!important;
    font-weight:400!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-title-a,
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-title-b {
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
    margin:0 auto!important;
    padding:0 14px!important;
    text-align:center!important;
    font-family:'Playfair Display',Georgia,serif!important;
    font-size:clamp(29px,8.547vw,33.333px)!important;
    font-weight:700!important;
    line-height:1.15!important;
    letter-spacing:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-title-a {
    order:2!important;
    color:#fff!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-title-b {
    order:3!important;
    color:#3edfd0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-description {
    box-sizing:border-box!important;
    display:block!important;
    order:4!important;
    width:calc(100% - 36px)!important;
    max-width:354px!important;
    margin:12px auto 25px!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;
    overflow-wrap:normal;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-projects-gallery {
    order:5!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-filters {
    display:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-list {
    --dk-mobile-project-width:min(69.23vw,270px);
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:repeat(2,270px)!important;
    grid-auto-flow:column!important;
    grid-auto-columns:var(--dk-mobile-project-width)!important;
    justify-content:start!important;
    align-items:start!important;
    align-content:start!important;
    column-gap:31px!important;
    row-gap:18px!important;
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:3px calc((100vw - var(--dk-mobile-project-width))/2) 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:calc((100vw - var(--dk-mobile-project-width))/2)!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-list::-webkit-scrollbar {
    display:none;
  }
  /* Mobile PSD: Tannlegene i Kvartal 48 is in the top visible row,
     and A-Merking directly below. Only visual grid order changes;
     WordPress project order and desktop remain untouched. */
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-list > .dk-reference-card:nth-child(1) {
    order:2!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-list > .dk-reference-card:nth-child(2) {
    order:1!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-list > .dk-reference-card:nth-child(n+3) {
    order:3!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-reference-card {
    box-sizing:border-box!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    scroll-snap-align:center!important;
    border:1px solid rgba(62,223,208,.66)!important;
    border-radius:20px!important;
    background:rgba(2,59,55,.44)!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-reference-card .dk-reference-thumb {
    box-sizing:border-box!important;
    position:relative!important;
    display:block!important;
    flex:0 0 174px!important;
    width:100%!important;
    height:174px!important;
    min-height:174px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:18px 18px 11px 11px!important;
    overflow:hidden!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-reference-thumb img {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:top center!important;
    transform:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-card-content {
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    height:95px!important;
    min-height:95px!important;
    max-height:95px!important;
    margin:0!important;
    padding:10px 10px 11px!important;
    background:transparent!important;
    text-align:center!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-name {
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-name a {
    display:block!important;
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:clamp(14px,4.274vw,16.667px)!important;
    font-weight:600!important;
    line-height:1.3!important;
    white-space:normal!important;
    text-decoration:none!important;
    text-align:center!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-kind {
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#dee8e5!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:clamp(12px,3.74vw,14.583px)!important;
    font-weight:400!important;
    line-height:1.4!important;
    white-space:normal!important;
    text-align:center!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-cta {
    box-sizing:border-box!important;
    order:6!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:259px!important;
    max-width:calc(100vw - 40px)!important;
    min-height:42px!important;
    height:42px!important;
    margin:30px auto 0!important;
    padding:0 19px!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#222!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:12.5px!important;
    font-weight:400!important;
    line-height:1.3!important;
    text-decoration:none!important;
    transform:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-cta span {
    margin:0!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:20px!important;
    line-height:1!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-cta:hover,
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-cta:focus-visible {
    background:#3edfd0!important;
    color:#00382f!important;
    transform:none!important;
  }
}
@media (max-width:359px) {
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-projects-inner {
    padding-top:40px!important;
    padding-bottom:46px!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-description {
    width:calc(100% - 30px)!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-list {
    grid-template-rows:repeat(2,256px)!important;
    row-gap:16px!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-reference-card {
    height:256px!important;
    min-height:256px!important;
    max-height:256px!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-reference-card .dk-reference-thumb {
    height:162px!important;
    min-height:162px!important;
    flex-basis:162px!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-references-featured .dk-project-card-content {
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
  }
}