/* FINAL1 mobile finishing layer — preserve approved photographic and metallic raster artwork.
   This sheet applies only to the mobile shop homepage; no desktop/backend rules. */
@media (max-width:720px) {
  body.lf-final1-home .lf-final1-mobile-nav--collapsible {
    padding:7px 12px;
    grid-template-columns:minmax(0,1fr) auto;
    min-height:59px;
    overflow:hidden;
    background:linear-gradient(180deg,#5f5b62 0%,#211e28 12%,#101019 67%,#2e2531 100%);
    box-shadow:inset 0 1px #fff7,inset 0 -1px #b269ad;
  }
  body.lf-final1-home .lf-final1-mobile-nav--collapsible .lf-final1-mobile-nav__brand {
    display:block;
    align-self:center;
    min-width:0;
    width:100%;
    min-height:46px;
    overflow:hidden;
    text-indent:-9999px;
    font-size:0!important;
  }
  body.lf-final1-home .lf-final1-mobile-nav--collapsible .lf-final1-mobile-nav__brand::before {
    position:absolute;
    inset:0;
    content:"";
    background-image:url("/assets/final1/logicfabrik-header-original.png");
    background-repeat:no-repeat;
    /* The approved desktop graphic's entire brand spans approx. x=95..500.
       Scale all of it into the room left of the menu; don't clip its letters. */
    background-size:auto 28px;
    background-position:-40px center;
  }
  body.lf-final1-home .lf-final1-mobile-nav--collapsible .lf-final1-mobile-menu-toggle {
    min-width:85px;
    min-height:46px;
    padding:7px 11px;
    border:1px solid #a793a4;
    border-radius:5px;
    background:linear-gradient(160deg,#77717b,#221f28 25%,#16131c 72%,#49404a);
    box-shadow:inset 0 1px #ffffff75,inset 0 -1px #000b,0 2px 6px #000a;
    text-shadow:0 1px 2px #000;
  }
  body.lf-final1-home .lf-final1-home__catalog,
  body.lf-final1-home .lf-final1-home__services {
    background:linear-gradient(150deg,#22202a 0%,#100f18 30%,#17131d 65%,#08080e 100%);
    border-top:1px solid #987a94;
  }
  body.lf-final1-home .lf-final1-home__section-header .lf-final1-home__eyebrow {
    color:#c5a9c2;
  }
  /* Clip only the desktop navigation baked into the top 70/1672 pixels
     of the original image. Do not crop either campus wing or metallic cards. */
  body.lf-final1-home .lf-final1-home__mobile-full-art {
    overflow:hidden;
  }
  body.lf-final1-home .lf-final1-home__mobile-full-art img {
    margin-top:-4.1866%;
  }
  body.lf-final1-home .lf-final1-home__empty {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
    padding:26px 19px 22px;
    border-radius:8px;
    border:1px solid #958497;
    background:
      linear-gradient(135deg,#ffffff20 0%,transparent 12%,transparent 78%,#ffffff10 100%),
      linear-gradient(160deg,#48404b 0%,#22202b 12%,#15131c 49%,#322936 100%);
    box-shadow:inset 0 2px 1px #ffffff5c,inset 0 -2px 1px #050407,0 8px 24px #000a;
  }
  body.lf-final1-home .lf-final1-home__empty::before {
    content:"";
    pointer-events:none;
    position:absolute;
    inset:5px;
    border:1px solid #756373;
    border-radius:4px;
    opacity:.5;
  }
  body.lf-final1-home .lf-final1-home__empty > div:first-child {
    flex:initial;
    min-width:0;
    position:relative;
    z-index:1;
  }
  body.lf-final1-home .lf-final1-home__empty h3 {
    margin:0 0 13px;
    color:#f4e9f2;
    text-shadow:0 1px 2px #000;
    font-size:clamp(19px,5.7vw,26px);
    line-height:1.25;
  }
  body.lf-final1-home .lf-final1-home__empty p {
    margin:0;
    font-size:14px;
    line-height:1.65;
    color:#d9ccd8;
  }
  body.lf-final1-home .lf-final1-home__outline,
  body.lf-final1-home .lf-final1-home__closing a {
    position:relative;
    z-index:1;
    width:100%;
    border:1px solid #bb9fb6;
    border-radius:5px;
    color:#f7ebf5;
    background:linear-gradient(160deg,#756374 0%,#342534 13%,#19151d 72%,#5b3b53 100%);
    box-shadow:inset 0 1px #fff5,inset 0 -1px #070609,0 5px 12px #0009;
    text-shadow:0 1px 2px #000;
  }
  body.lf-final1-home .lf-final1-home__service {
    min-height:128px;
    padding:16px 18px;
    gap:6px;
    border:1px solid #9d8a9c;
    border-radius:6px;
    background:
      linear-gradient(122deg,#ffffff1b 0%,transparent 17%,transparent 80%,#ffffff17 100%),
      linear-gradient(155deg,#514a56 0%,#241f2b 15%,#121119 64%,#433644 100%);
    box-shadow:inset 0 2px 1px #fff5,inset 0 -2px #08070a,0 7px 14px #0009;
  }
  body.lf-final1-home .lf-final1-home__service-number {
    color:#c8b4c5;
    letter-spacing:.15em;
  }
  body.lf-final1-home .lf-final1-home__service h3 {
    color:#f6eff7;
    text-shadow:0 1px 2px #000;
  }
  body.lf-final1-home .lf-final1-home__service > span:last-child {
    font-size:16px;
    color:#cdb8cb;
  }
}