/* INESS MARKETING M21 20260916 */

.app-home-availability{
  display:grid;
  gap:9px;
}

.app-home-slot{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;

  width:100%;
  padding:14px 16px;

  border:1px solid rgba(87,70,54,.08);
  border-radius:18px;

  background:rgba(255,253,249,.92);

  color:inherit;
  text-align:left;
}

.app-home-slot-date{
  color:var(--muted);
  font-size:11px;
}

.app-home-slot-time{
  font-family:var(--font-display);
  font-size:24px;
  line-height:1;
}

.app-home-slot-service{
  min-width:0;
  font-size:13px;
  font-weight:650;
}

.app-home-slot-arrow{
  width:18px;
  height:18px;
}

.app-home-slot-arrow svg{
  width:100%;
  height:100%;
}


/* Finder */

.app-home-finder-overlay{
  display:none;

  position:fixed;
  inset:0;

  z-index:120;

  align-items:flex-end;

  background:rgba(19,16,14,.38);
  backdrop-filter:blur(4px);
}

.app-home-finder-overlay.is-open{
  display:flex;
}

.app-home-finder-sheet{
  width:100%;

  max-height:
    calc(
      var(--iness-vv-height,100dvh)
      - 10px
    );

  overflow-y:auto;

  padding:
    20px
    18px
    calc(
      26px
      + var(--iness-content-safe-bottom,0px)
    );

  border-radius:28px 28px 0 0;

  background:#fbf8f4;

  box-sizing:border-box;
}

.app-home-finder-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;

  margin-bottom:24px;
}

.app-home-finder-head h2{
  margin:7px 0 0;

  font-family:var(--font-display);
  font-size:30px;
  font-weight:550;
  line-height:1.02;
}

.app-home-finder-close{
  flex:0 0 auto;

  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:50%;

  background:#eee8e1;
}

.app-home-finder-close svg{
  width:18px;
  height:18px;
}

.app-home-finder-question{
  margin-bottom:24px;
}

.app-home-finder-question > span{
  display:block;

  margin-bottom:10px;

  color:#645c55;

  font-size:12px;
  font-weight:650;
}

.app-home-finder-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.app-home-finder-options button{
  min-height:42px;

  padding:9px 13px;

  border:1px solid var(--line);
  border-radius:999px;

  background:#fff;
  color:#5b534c;

  font:inherit;
  font-size:12px;
}

.app-home-finder-options button.is-selected{
  border-color:#9f866d;

  background:#eee5dc;
  color:#302a26;
}

.app-home-finder-results{
  display:grid;
  gap:10px;
}

.app-home-finder-result{
  display:grid;

  grid-template-columns:
    88px minmax(0,1fr);

  gap:16px;

  padding:14px;

  border:1px solid rgba(87,70,54,.08);
  border-radius:22px;

  background:#fff;

  box-shadow:
    0 8px 24px rgba(55,42,28,.045);
}

.app-home-finder-result img{
  width:88px;
  height:108px;

  object-fit:contain;

  border-radius:12px;
  background:#eee6dd;
}

.app-home-finder-result-body{
  min-width:0;
}

.app-home-finder-result-code{
  color:#96887c;

  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.app-home-finder-result-title{
  margin-top:4px;

  font-family:var(--font-display);

  font-size:20px;
  line-height:1.08;
}

.app-home-finder-result-reason{
  margin-top:7px;

  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}

.app-home-finder-result button{
  margin-top:10px;
}

.app-home-finder-empty{
  padding:28px 18px;

  border-radius:18px;

  background:#fff;

  color:var(--muted);

  text-align:center;
}