@charset "UTF-8";

@media (max-width: 1366px) {
	
}
.hero.stamp {align-items: normal}
.stamp .people {float: unset}

.stamp-route-card {
    align-items: flex-start; background: #fff; border: 0.0625rem solid #188196;
    border-radius: 0.3125rem; box-sizing: border-box; color: #000;
    display: flex; gap: 1rem; margin: 0.75rem auto;
    padding: 1rem; text-decoration: none; width: 100%; position:relative;
}

.stamp-route-body {
    display: flex; flex: 1; flex-direction: column;
    gap: 0.625rem; min-width: 0;
}

.stamp-route-icon {
    object-fit: cover; width: 4.25rem; 
}

.stamp-route-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
}

.stamp-route-title-pill {
    background: #188196; border-radius: 0.3125rem; box-shadow: 0 0.1875rem 0 rgba(0,0,0,0.15);
    color: #fff; font-size: 1rem; font-weight: 700;
    line-height: 1.25rem; padding: 0.375rem 0.875rem;
    
	flex: 1 1 auto;
    min-width: 0;
}

.stamp-route-point {
    border: 0.0625rem solid #ff8a00; border-radius: 0.25rem;
	color: #ff8a00;
    font-size: 0.75rem; line-height: 1rem; margin-left: auto;
    padding: 0.25rem 0.5rem; white-space: nowrap;
}

.stamp-route-desc {
    color: #000; font-size: 0.875rem; line-height: 1.25rem; text-align: left;
}

.stamp-route-desc-muted {
    color: #6b6b6b; font-size: 0.8125rem; line-height: 1.125rem;
}

.stamp-route-desc-strong {
    color: #000; font-size: 0.9375rem; font-weight: 700;
    line-height: 1.25rem;
}

.stamp .stamp-my-btn {
    align-items:center; display:inline-flex; gap:0.5rem; justify-content:center; margin-top:0.375rem;
    height:2.25rem; padding:0 0.875rem;
    background-color:#188196; border:0.0625rem solid #157a8a; border-radius:0.375rem;
    color:#ffffff; font-size:0.875rem; font-weight:700; line-height:1.125rem;
    box-shadow:inset 0 0.0625rem 0 rgba(255,255,255,0.25), 0 0.125rem 0.25rem rgba(0,0,0,0.15); text-decoration: none; white-space:nowrap;
    transition:background-color 0.2s ease, box-shadow 0.2s ease;
}

.stamp .stamp-route-card.is-completed {
    background-color:#eef8f9;
    border-color:#8bc9d1;
}

// Stamp Route
.stamp .stamp-unit-list { margin:16px auto 0; padding:0 16px; }

.stamp-route-icon-wrap {aspect-ratio: 3.4 / 1; overflow: hidden;}
.stamp-route-iconpath {width: 100%; height: 100%; object-fit: cover;}

/* =========================
   Stamp Unit Card (Root)
   ========================= */
.stamp-unit-card {
  align-items:center;   gap:12px;
  border:1px solid #1e8a9a;
  border-radius:5px;
  display:flex; 
  padding:12px 14px; position: relative; margin-bottom: 12px;
}

.stamp-unit-card .checked { display:none; }
.stamp-unit-card.is-completed .box { display:none; }
.stamp-unit-card.is-completed .checked { display:block; }

/* =========================
   Checkbox (Left)
   ========================= */
.stamp-unit-checkbox {
  align-items:center;
  display:flex;
  flex-shrink:0;
}



/* =========================
   Content Wrapper (Center)
   ========================= */
.stamp-unit-content {
  display:flex;
  flex:1;
  flex-direction:column;
  gap:4px;
}


/* =========================
   Floor Info
   ========================= */
.stamp-unit-floor {
  color:#555;
  font-size:0.75rem;
  line-height:1.125rem;
}
.stamp-unit-name { font-size:1rem;  font-weight:600;  line-height:1.5rem; }



/* =========================
   Route Icon (Right)
   ========================= */
.stamp-unit-icon {
  align-items:center;
  display:flex;
  flex-shrink:0;
  justify-content:center;
  width:58px; margin-left: auto;
}


.stamp-unit-icon img { width:40px; }


.stamp-unit-hall {background: #188196; color: #fff; height: 36px; min-width: 217px; font-size: 1rem; line-height: 100%;
	display: flex; align-items: center; font-weight: bold;
}
.stamp-unit-hall-icon {margin: auto 10px auto 17px}
	
.stamp.stamp-route .stamp-unit-card.is-completed {
    background-color:#eef8f9; border-color:#8bc9d1;
}

.stamp-redeem-btn {
  background-color:#346ABC;
  border:0;
  border-radius:5px;
  color:#fff;
  font-size:1rem;
  font-weight:600;
  height:40px;
  line-height:1.5rem; display: block; margin: auto;
  max-width: 389px; width: 100%;
}
.stamp-redeem-btn.is-disabled {
  background-color:#346ABC;
  cursor:not-allowed;
  opacity:0.34;
}

.stamp-route-status {
    bottom:0px;
    position:absolute;
    right:12px;
}
 .stamp-route-status img { height:32px;  width:auto; }

.points {text-align: right}

.stamp-unit-container {position: relative}

.stamp-unit-map {
    position: absolute; right: 21px; top: 18px;
    color:#188196;
    font-size:33px;
    font-weight:900;
    text-decoration:none;
}
.stamp-unit-map span {color: #727171; font-size:20px; display: inline-block; padding-top: 4px; vertical-align: top}
#floor-map-image {width: 100%}