.lot-container {
    max-width: 43.75rem; /* 700px */
    margin: 0 auto;
    line-height: 1.8;
    color: #333;
    font-size: 1rem; /* 16px */
    box-sizing: border-box;
}

.lot-img {
    width: 100%;
    border-radius: 0.75rem; /* 12px */
    display: block;
    background: #fff;
    padding: 0.375rem; /* 6px */
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.08); /* 4px 12px */
    margin: 1.875rem 0; /* 30px */
}

/* ==========================
   부대시설: 세로형 (p3 → 글 → p4)
========================== */

/* figure는 사진 + 캡션을 한 덩어리로 자연스럽게 */
.lot-figure{
    margin: 1.5rem 0;
    border-radius: 0.75rem;
    overflow: hidden;         /* 캡션 배경/모서리 정리용 */
    background: #faf5ef;
}

.lot-figure img{
    width: 100%;
    height: auto;
    object-fit: contain;   /* 핵심 */
    aspect-ratio: 3 / 2;
    display: block;
}

/* 캡션 */
.lot-figure figcaption{
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
    text-align: center;
    color: #555;
    background: #fff;
}


h2 {
    color: #2d3436;
    border-bottom: 0.125rem solid #e44d26; /* 2px */
    padding-bottom: 0.625rem; /* 10px */
    margin-top: 3.125rem; /* 50px */
    font-size: 1.375rem; /* 22px */
    font-weight: bold;
    line-height: 1.4;
}

.lot-btn {
    display: block;
    background: linear-gradient(135deg, #ff6a3d, #e84c1a);
    color: #fff !important;
    padding: 1rem 0; /* 16px */
    text-align: center;
    font-weight: 700;
    border-radius: 2.5rem; /* 40px */
    font-size: 1.125rem; /* 18px */
    margin: 2.1875rem auto; /* 35px */
    width: 88%;
    max-width: 26.25rem; /* 420px */
    backdrop-filter: blur(6px);
    box-shadow: 0 0.375rem 0.875rem rgba(230,60,20,0.28); /* 6px 14px */
    transition: 0.25s;
}

.lot-btn:hover {
    transform: translateY(-0.1875rem); /* 3px */
    box-shadow: 0 0.625rem 1.25rem rgba(230,60,20,0.35); /* 10px 20px */
}

.lot-toc {
    border-left: 0.25rem solid #e44d26; /* 4px */
    background: #fff8f4;
    padding: 1.25rem; /* 20px */
    border-radius: 0.625rem; /* 10px */
    margin: 1.875rem 0; /* 30px */
}

.lot-toc ul {
    list-style: none;
    padding-left: 0;
}

.lot-toc li a {
    color: #444;
    font-weight: 600;
    display: block;
    padding: 0.375rem 0; /* 6px */
    text-decoration: none;
    transition: 0.2s;
    font-size: 1rem;
}

.lot-toc li a:hover {
    color: #e44d26;
    padding-left: 0.375rem; /* 6px */
}

.lot-poi-list ul {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0.5rem; /* 8px */
    padding: 0.9375rem 0.9375rem 0.9375rem 2.1875rem; /* 15px 15px 15px 35px */
}

.lot-poi-list li {
    margin-bottom: 0.5rem; /* 8px */
}

.lot-mid-cta {
    background: #fdf2f2;
    padding: 0.0625rem 0 0.9375rem; /* 1px 0 15px */
    border-radius: 0.5rem; /* 8px */
    text-align: center;
    margin: 1.5625rem 0; /* 25px */
    border: 1px dashed #e44d26;
    min-height: 6rem;
}

.lot-mid-cta-link {
    text-decoration: none;
    color: #e44d26;
    font-weight: bold;
    font-size: 1.1em; /* em 단위 유지 */
    line-height: 1.4;
    display: block;
}

.lot-mid-cta-link span {
    display: block;
}

/* ===========================
   모바일 스타일 (600px 이하)
=========================== */
@media only screen and (max-width: 600px) {

    .lot-container {
        padding: 0 0.75rem; /* 12px */
        font-size: 0.9375rem; /* 15px */
        line-height: 1.7;
    }

    h2 {
        font-size: 1.1875rem; /* 19px */
        margin-top: 1.875rem; /* 30px */
        padding-bottom: 0.5rem; /* 8px */
    }

    .lot-img {
        margin: 1.25rem 0; /* 20px */
        border-radius: 0.625rem; /* 10px */
        padding: 0.25rem; /* 4px */
        box-shadow: 0 0.1875rem 0.625rem rgba(0,0,0,0.07); /* 3px 10px */
    }

    .lot-btn {
        font-size: 0.9375rem; /* 15px */
        padding: 0.8125rem 0; /* 13px */
        width: 95%;
        border-radius: 2.1875rem; /* 35px */
        margin: 1.75rem auto; /* 28px */
    }

    .lot-toc {
        padding: 0.9375rem 0.75rem; /* 15px 12px */
        border-left-width: 0.1875rem; /* 3px */
        margin: 1.5625rem 0; /* 25px */
    }

    .lot-toc li a {
        padding: 0.3125rem 0; /* 5px */
        font-size: 0.90625rem; /* 14.5px */
    }

    .lot-poi-list ul {
        padding: 0.75rem 0.75rem 0.75rem 1.75rem; /* 12px 12px 12px 28px */
    }

    .lot-mid-cta {
        padding: 0.625rem 0 0.75rem; /* 10px 0 12px */
        border-radius: 0.375rem; /* 6px */
        margin: 1.25rem 0; /* 20px */
    }

    .lot-mid-cta-link {
        font-size: 1rem;
    }
}