/* ======================================== 라이프스타일 전용 CSS ======================================== */

/* 기본 레이아웃 */
main#resort-pc.lifestyle-page { overflow: hidden; padding-bottom: 630px; }
#resort-pc.lifestyle-page .inner { position: relative; width: 100%; max-width: 960px; margin: 0 auto; }

/* 푸터 - 라이프스타일 페이지에서만 CSS를 로드하는 경우 */
/* #cmFoot { position: relative; top: auto; bottom: auto; } */

/* ======================================== 상단 타이틀 ======================================== */
#resort-pc.lifestyle-page .cm_title { justify-content: space-between; align-items: center; width: 100%; padding: 44px 0 60px; }
#resort-pc.lifestyle-page .sc-main .cm_title .sc-title { margin: 0; padding: 0; font-size: 30px; font-weight: 500; line-height: 30px; color: #444444; }
#resort-pc.lifestyle-page .ls-intro { margin: 0 0 60px; }
#resort-pc.lifestyle-page .ls-intro p { margin: 0; font-size: 24px; font-weight: 300; line-height: 38px; letter-spacing: 0; color: #292929; }

/* ======================================== 메인 캐러셀 ======================================== */
#resort-pc.lifestyle-page .rs_gallery.is-topMode { height: 480px; }
#resort-pc.lifestyle-page .rs_gallery .mg img { width: 960px; height: 480px; object-fit: cover; }

/* ======================================== XYSTUM 브랜드 소개 ======================================== */
#resort-pc.lifestyle-page .ls-brand { padding: 60px 0 100px; background: #FFFFFF; }
#resort-pc.lifestyle-page .ls-heading { margin: 0 0 30px; padding: 0; color: #49176D; font-size: 28px; font-weight: 700; line-height: 28px; }
#resort-pc.lifestyle-page .ls-description { margin: 0; color: #292929; font-size: 18px; font-weight: 300; line-height: 28px; word-break: keep-all; }

/* XYSTUM Service */
#resort-pc.lifestyle-page .ls-service { margin-top: 60px; margin-bottom: 40px; }
#resort-pc.lifestyle-page .ls-service h3 { margin: 0 0 12px; color: #898989; font-size: 22px; font-weight: 600; line-height: 22px; }
#resort-pc.lifestyle-page .ls-service p { margin: 0; color: #292929; font-size: 18px; font-weight: 300; line-height: 28px; }

/* ======================================== 서비스 및 매장 정보 ======================================== */
#resort-pc.lifestyle-page .ls-info-table { width: 100%; border-top: 2px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; }
#resort-pc.lifestyle-page .ls-info-row { display: flex; padding: 30px 0; border-bottom: 1px solid #BDBDBD; box-sizing: border-box; }
#resort-pc.lifestyle-page .ls-info-row:last-child { border-bottom: 0; }
#resort-pc.lifestyle-page .ls-info-label { flex: 0 0 160px; color: #898989; font-size: 18px; font-weight: 600; line-height: 26px; }
#resort-pc.lifestyle-page .ls-info-content { flex: 1; min-width: 0; color: #292929; font-size: 15px; font-weight: 300; line-height: 26px; }

/* 매장 목록 */
#resort-pc.lifestyle-page .ls-location-list { display: flex; flex-direction: column; }
#resort-pc.lifestyle-page .ls-location { display: flex; width: 100%; padding: 29px 0; margin: 0; border-bottom: 1px solid #BDBDBD; box-sizing: border-box; }
#resort-pc.lifestyle-page .ls-location:first-child { padding-top: 0; }
#resort-pc.lifestyle-page .ls-location:last-child { padding-bottom: 0; border-bottom: 0; }
#resort-pc.lifestyle-page .ls-location strong { flex: 0 0 140px; color: #49176D; font-size: 18px; font-weight: 600; line-height: 26px; }
#resort-pc.lifestyle-page .ls-location p { margin: 0; color: #292929; font-size: 15px; font-weight: 300; line-height: 26px; }

/* ======================================== P Collection ======================================== */
#resort-pc.lifestyle-page .ls-collection { padding: 100px 0 0 0; background: #FFFFFF; }
#resort-pc.lifestyle-page .ls-collection .ls-heading { margin-bottom: 30px; }
#resort-pc.lifestyle-page .ls-collection-desc { margin: 0 0 60px; color: #292929; font-size: 18px; font-weight: 300; line-height: 28px; }

/* 상품 그리드 - 462px + 36px + 462px = 960px */
#resort-pc.lifestyle-page .ls-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 36px; row-gap: 60px; }
#resort-pc.lifestyle-page .ls-product { display: flex; flex-direction: column; width: 100%; min-width: 0; padding-bottom: 30px; box-sizing: border-box; }
#resort-pc.lifestyle-page .ls-product-image { width: 100%; height: 320px; margin-bottom: 30px; overflow: hidden; background: #F7F7F7; }
#resort-pc.lifestyle-page .ls-product-image img { display: block; width: 100%; height: 100%; object-fit: fill; }

/* 상품명 */
#resort-pc.lifestyle-page .ls-product h3 { margin: 0 0 18px; padding: 0 10px; color: #292929; font-size: 18px; font-weight: 500; line-height: 18px; }

/* 상품 설명 */
#resort-pc.lifestyle-page .ls-product-desc { margin: 0; padding: 0 10px; color: #898989; font-size: 14px; font-weight: 400; line-height: 22px; word-break: keep-all; box-sizing: border-box; }

/* 상품 구성 */
#resort-pc.lifestyle-page .ls-product-options { margin-top: 18px; padding: 18px 10px 0; border-top: 1px solid #BDBDBD; color: #49176D; font-size: 14px; font-weight: 500; line-height: 22px; box-sizing: border-box; }

/* ======================================== P Collection 구매 버튼 ======================================== */
#resort-pc.lifestyle-page .ls-purchase { display: flex; justify-content: center; margin-top: 100px; }
#resort-pc.lifestyle-page .ls-purchase-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 640px; max-width: 100%; height: 88px; padding: 30px 40px; box-sizing: border-box; background: #49176D; border-radius: 10px; color: #FFFFFF; font-size: 24px; font-weight: 600; line-height: 24px; text-decoration: none; }
#resort-pc.lifestyle-page .ls-purchase-btn img { display: block; width: 24px; height: 24px; flex: none; order: 1; flex-grow: 0; }
#resort-pc.lifestyle-page .ls-purchase-btn:hover { background: #62218A; color: #FFFFFF; text-decoration: none; }