/**
 * product-bottom-sheet.css
 * 상품 상세 모바일 바텀시트 공통 스타일 (Phase 1: 골라담기)
 */

:root { --pds-primary: #23b16c; --pds-primary-hover: #1e9b5a; --pds-border: #eee; --pds-text: #333; --pds-text-muted: #888; --pds-radius-sheet: 20px; --pds-radius-btn: 8px; }

/* ── Sheet shell (product-detail.css 미로드 페이지용) ── */
.pds-sheet.mobile-bottom-sheet { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; display: none; opacity: 0; visibility: hidden; transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pds-sheet.mobile-bottom-sheet.active { display: flex; opacity: 1; visibility: visible; }
.pds-sheet .bottom-sheet-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); }
.pds-sheet .bottom-sheet-content,
.pds-sheet .pds-sheet__content { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; border-radius: var(--pds-radius-sheet) var(--pds-radius-sheet) 0 0; max-height: 85vh; display: flex; flex-direction: column; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12); }
.pds-sheet.mobile-bottom-sheet.active .bottom-sheet-content,
.pds-sheet.mobile-bottom-sheet.active .pds-sheet__content { transform: translateY(0); }

/* ── Handle ── */
.pds-sheet__handle,
.bottom-sheet-handle { flex-shrink: 0; display: block; width: 40px; height: 4px; margin: 8px auto 0; border: 0; border-radius: 2px; background: #e0e0e0; background-clip: content-box; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pds-sheet__handle:focus-visible,
.bottom-sheet-handle:focus-visible { outline: 2px solid var(--pds-primary); outline-offset: 2px; }
.pds-sheet .bottom-sheet-header::before { display: none; }

/* ── Header ── */
.pds-sheet__header { display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 20px; border-bottom: 1px solid var(--pds-border); }
.pds-sheet__header h3 { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -0.75px; color: #222; }
.pds-sheet__header-actions { display: flex; align-items: center; gap: 8px; }
.pds-sheet__clear-all { font-size: 12px; color: var(--pds-text-muted); letter-spacing: -0.75px; text-decoration: underline; background: none; border: 0; cursor: pointer; }
.pds-sheet__close { width: 32px; height: 32px; border: 0; background: transparent; font-size: 16px; cursor: pointer; }

/* ── Body (pick list) ── */
.pds-sheet--pick .pds-sheet__body { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 20px; display: flex; flex-direction: column; gap: 16px; scrollbar-width: thin; scrollbar-color: #ccc transparent;}
.pds-sheet--pick .pds-sheet__body::-webkit-scrollbar { width: 4px; }
.pds-sheet--pick .pds-sheet__body::-webkit-scrollbar-track { background: transparent; }
.pds-sheet--pick .pds-sheet__body::-webkit-scrollbar-thumb { background: #ccc; border-radius: 999px;}
.pds-sheet--pick .pds-sheet__body::-webkit-scrollbar-button,
.pds-sheet--pick .pds-sheet__body::-webkit-scrollbar-button:start:decrement,
.pds-sheet--pick .pds-sheet__body::-webkit-scrollbar-button:end:increment { display: none;height: 0; width: 0;}
.pds-sheet--pick .market-pick-sheet-option { flex-shrink: 0; position: relative; z-index: 2; }
.pds-pick-selected-list,
.market-pick-selected-list { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 12px; }
.pds-sheet--pick .pds-pick-selected-list,
.pds-sheet--pick .market-pick-selected-list {flex: none; min-height: 0; overflow: visible; padding: 0; border: none;}

.pds-sheet--pick .market-pick-sheet-item.selected-item,
.pds-pick-selected-list .market-pick-sheet-item,
.market-pick-selected-list .market-pick-sheet-item,
.pds-sheet--pick .bottom-sheet-content .selected-products .selected-item.market-pick-sheet-item { width: 100%; display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid #e0e0e0; border-radius: 8px; background: #fff; border-bottom: 1px solid #e0e0e0; }
.pds-sheet--pick .selected-item-info-wrap { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.pds-sheet--pick .selected-item-info { flex: 1; min-width: 0; }
.pds-sheet--pick .selected-item-name { font-size: 15px; font-weight: 500; letter-spacing: -0.75px; line-height: 1.3; color: var(--pds-text); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }
.pds-sheet--pick .sheet-item-remove { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #999; font-size: 16px; cursor: pointer; padding: 0; }
.pds-sheet--pick .selected-item-total { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; }
.pds-sheet--pick .sheet-qty-control { display: flex; flex-direction: row; align-items: center; border: 1px solid var(--pds-border); background-color: #fff; border-radius: 5px; overflow: hidden; }
.pds-sheet--pick .sheet-qty-control .sheet-qty-minus,
.pds-sheet--pick .sheet-qty-control .sheet-qty-plus { min-width: 28px; max-width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 12px; border: 0; background: #fafafa; cursor: pointer; }
.pds-sheet--pick .sheet-qty-control .sheet-qty-minus i,
.pds-sheet--pick .sheet-qty-control .sheet-qty-plus i { font-weight: 600; }
.pds-sheet--pick .sheet-qty-count { width: 32px; height: 28px; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 600; line-height: 1; font-size: 14px; }
.pds-sheet--pick .line-subtotal { font-size: 15px; font-weight: 700; letter-spacing: -0.75px; color: var(--pds-text); min-width: 80px; text-align: right; }
.pds-pick-selected-list .empty-text,
.market-pick-selected-list .empty-text { display: none; }

/* 공통 qty helpers (legacy) */
.sheet-item-control { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; }
.sheet-qty-control { display: flex; flex-direction: row; align-items: center; border: 1px solid var(--pds-border); background-color: #fff; border-radius: 5px; }
.sheet-qty-control .sheet-qty-minus,
.sheet-qty-control .sheet-qty-plus { min-width: 28px; max-width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 12px; border: 0; background: #FAFAFA; cursor: pointer; }
.sheet-qty-count { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 600; line-height: 1; font-size: 14px; }

/* ── Summary ── */
.pds-sheet__summary { flex-shrink: 0; padding: 22px 20px 16px; border-top: 1px solid var(--pds-border); background: #fff; display: flex; flex-direction: column; width: 100%; gap: 16px; }
.pds-sheet--pick .pds-sheet__summary { border-top: 1px dotted #d9d9d9; }
.pds-summary-wrap,
.summary-wrap { width: 100%; display: flex; flex-direction: row; gap: 10px; justify-content: space-between; align-items: center; }
.pds-summary-row,
.summary-wrap .summary-row { display: flex; flex-direction: row; align-items: center; gap: 3px; width: auto; }
.pds-summary-row span,
.summary-wrap .summary-row span { font-size: 16px; letter-spacing: -0.75px; color: #000; line-height: 1; font-weight: 600; }
.pds-summary-row strong,
.summary-wrap .summary-row strong { font-size: 20px; letter-spacing: -0.75px; color: #23B16C; line-height: 1; font-weight: 700; }
.summary-wrap .summary-row.total { justify-content: flex-end; }
.pds-summary-row--total span,
.summary-wrap .summary-row.total span { font-size: 16px; letter-spacing: -0.75px; color: #000; line-height: 1; font-weight: 600; }
.pds-summary-row--total strong,
.summary-wrap .summary-row.total strong { font-size: 20px; letter-spacing: -0.75px; color: #23B16C; line-height: 1; font-weight: 700; }

/* ── Free shipping ── */
.pds-free-shipping,
.free-shipping-box { width: 100%; display: flex; flex-direction: column; gap: 8px; }
.free-shipping-text { font-size: 13px; font-weight: 400; color: #666; letter-spacing: -0.75px; line-height: 1.4; margin: 0; }
.free-shipping-text strong { font-weight: 600; color: inherit; letter-spacing: -0.75px; }
.free-shipping-text .free-shipping-em { font-weight: 600; color: var(--pds-primary); letter-spacing: -0.75px; }
.free-shipping-chart { width: 100%; height: 8px; border-radius: 999px; background-color: #d9d9d9; overflow: hidden; }
.free-shipping-chart span { display: block; width: 0; height: 100%; border-radius: 999px; background-color: var(--pds-primary); transition: width 0.45s ease; }
.free-shipping-guide { display: none; text-align: right; font-size: 13px; font-weight: 500; color: #777; letter-spacing: -0.75px; margin: 0; }
.free-shipping-guide.hidden { display: none !important; }

/* 일반·구독 free-shipping-box 임시 숨김 (마켓/골라담기는 유지) */
.item-sheet-shipping,
.item-web-shipping { display: none !important; }

/* ── Donation ── */
.pds-donation,
.donation-box { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; background-color: #f0ffed; padding: 16px; border-radius: 10px; width: 100%; }
.donation-row { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.donation-row span { font-size: 15px; letter-spacing: -0.75px; line-height: 1; color: var(--pds-primary); font-weight: 700; }
.donation-row strong { font-size: 16px; color: var(--pds-primary); font-weight: 700; letter-spacing: -0.75px; }
.donation-box p { margin: 0; font-size: 13px; letter-spacing: -0.75px; line-height: 1.4; color: var(--pds-text-muted); font-weight: 500; }
.donation-box b { color: var(--pds-primary); font-weight: 600; }
.pds-sheet--pick .pds-donation--pick { width: 100%; padding: 16px 20px; gap: 0; }
.pds-sheet--pick .pds-donation--pick .donation-row { align-items: center; gap: 12px; }
.pds-sheet--pick .donation-row__text { flex: 1; min-width: 0; }
.pds-sheet--pick .donation-row__title { display: block; font-size: 15px; letter-spacing: -0.75px; line-height: 1.2; color: var(--pds-primary); font-weight: 700; }
.pds-sheet--pick .donation-row__text p { margin: 4px 0 0; font-size: 13px; letter-spacing: -0.75px; line-height: 1.4; color: var(--pds-text-muted); font-weight: 500; }
.pds-sheet--pick .donation-row__amount { flex-shrink: 0; font-size: 20px; letter-spacing: -0.75px; line-height: 1; color: var(--pds-primary); font-weight: 700; }

/* ── Footer ── */
.pds-sheet__footer { flex-shrink: 0; display: block; padding: 16px 20px calc(20px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--pds-border); box-shadow: none; }
.pds-sheet__btn--primary,
.pds-sheet__footer .add-to-cart-btn { display: block; width: 100%; height: 52px; border: 0; border-radius: 6px; background: var(--pds-primary); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: -0.75px; cursor: pointer; }
.pds-sheet__btn--primary:disabled,
.pds-sheet__footer .add-to-cart-btn:disabled { background: #ccc; color: #fff; cursor: not-allowed; }
.pds-sheet--pick .pds-footer-actions--pick { display: flex; flex-direction: row; align-items: center; gap: 10px; width: 100%; }
.pds-sheet--pick .pds-footer-actions--pick .pds-sheet__btn { flex: 1; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: var(--pds-radius-btn); font-size: 15px; font-weight: 600; letter-spacing: -0.75px; cursor: pointer; }
.pds-sheet--pick .pds-footer-actions--pick .pds-sheet__btn--outline { border: 1.5px solid var(--pds-primary); background: #fff; color: var(--pds-primary); }
.pds-sheet--pick .pds-footer-actions--pick .pds-sheet__btn--outline:disabled { border-color: #dadada; background: #fff; color: #ccc; cursor: not-allowed; }
.pds-sheet--pick .pds-footer-actions--pick .pds-sheet__btn--primary { border: 0; background: var(--pds-primary); color: #fff; }
.pds-sheet--pick .pds-footer-actions--pick .pds-sheet__btn--primary:disabled { background: #ccc; color: #fff; cursor: not-allowed; }

/* ── Action bar (pick, collapsed) ── */
.pds-action-bar--pick { position: fixed; left: 50%; bottom: 0; z-index: 1101; width: 100%; max-width: 100vw; transform: translateX(-50%); display: flex; flex-direction: column; gap: 12px; padding: 8px 20px 20px; padding-bottom: calc(20px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--pds-border); box-shadow: 0 -3px 10px 0 rgba(85, 85, 85, 0.19); border-radius: var(--pds-radius-sheet) var(--pds-radius-sheet) 0 0; }
.pds-action-bar__handle { flex-shrink: 0; display: block; width: 40px; height: 4px; margin: 0 auto; border: 0; border-radius: 2px; background: #e0e0e0; background-clip: content-box; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pds-action-bar__handle:focus-visible { outline: 2px solid var(--pds-primary); outline-offset: 2px; }
.pds-action-bar--pick.is-sheet-open .pds-action-bar__handle { visibility: hidden; pointer-events: none; }
.pds-action-bar__summary { width: 100%; display: flex; flex-direction: column; gap: 8px; }
.pds-action-bar__totals { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; letter-spacing: -0.75px; color: var(--pds-text); }
.pds-action-bar__totals strong { color: var(--pds-primary); font-weight: 700; }
.pds-action-bar__shipping .free-shipping-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-direction: column; }
.pds-action-bar__shipping .free-shipping-guide { margin: 0; white-space: nowrap; font-size: 12px; }
.pds-action-bar__buttons { display: flex; gap: 10px; width: 100%; }
.pds-action-bar__buttons--single .pds-action-bar__btn { flex: 1; width: 100%; }
.pds-action-bar__btn { flex: 1; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: var(--pds-radius-btn); font-size: 15px; font-weight: 600; letter-spacing: -0.75px; cursor: pointer; }
.pds-action-bar__btn--outline { border: 1px solid #dadada; background: #fff; color: var(--pds-primary); }
.pds-action-bar__btn--primary { border: 0; background: var(--pds-primary); color: #fff; }
.pds-action-bar__btn--outline:disabled { border-color: #dadada; background: #fff; color: #ccc; cursor: not-allowed; }
.pds-action-bar__btn--primary:disabled { background: #ccc; color: #fff; cursor: not-allowed; }

.free-shipping-info{width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; display: none;}

.pds-action-bar--pick .action-btn.cart{background-color: #23B16C;color: #fff; border-color:#23B16C ;}
.pds-sheet--item .bottom-sheet-content .selected-products .selected-item,



body.sheet-open { overflow: hidden; }

/* 데스크톱: 상품 상세 바텀시트 숨김 (product-detail.css와 동일 breakpoint) */
@media only screen and (min-width: 768px) {
.pds-sheet.mobile-bottom-sheet { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.pds-action-bar--pick,
.pds-action-bar--item { display: none !important; }
}

/* ── Action bar (item: wishlist + primary) ── */
.pds-action-bar--item { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 15px 20px; padding-bottom: calc(15px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--pds-border); }
.pds-action-bar--item .pds-action-bar__wishlist { min-width: 50px; max-width: 50px; height: 50px; flex: 0 0 50px; background-color: #fff; border: 1px solid #dadada; border-radius: var(--pds-radius-btn); display: flex; align-items: center; justify-content: center; }
.pds-action-bar--item .pds-action-bar__wishlist i { width: 24px; height: 24px; background: url(../../images/icon/heart_off_icon.svg) 50% 50% no-repeat; background-size: contain; }
.pds-action-bar--item .pds-action-bar__wishlist.active i { background: url(../../images/icon/heart_on_icon.svg) 50% 50% no-repeat; background-size: contain; }
.pds-action-bar--item .pds-action-bar__btn--primary { flex: 1; height: 50px; border: 0; border-radius: var(--pds-radius-btn); background: var(--pds-primary); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: -0.75px; cursor: pointer; }
.pds-action-bar--item .pds-action-bar__btn--primary:disabled { background: #ccc; cursor: not-allowed; }

/* ── Footer (item: wishlist + cart + buy) ── */
.pds-sheet--item .pds-sheet__footer--item { display: flex; flex-direction: column; gap: 16px; }
.pds-footer-actions--item { display: flex; flex-direction: row; align-items: center; gap: 10px; width: 100%; }
.pds-footer-actions--item .pds-footer-actions__wishlist { min-width: 50px; max-width: 50px; height: 50px; flex: 0 0 50px; background-color: #fff; border: 1px solid #dadada; border-radius: var(--pds-radius-btn); display: flex; align-items: center; justify-content: center; }
.pds-footer-actions--item .pds-footer-actions__wishlist i { width: 24px; height: 24px; background: url(../../images/icon/heart_off_icon.svg) 50% 50% no-repeat; background-size: contain; }
.pds-footer-actions--item .pds-footer-actions__wishlist.active i { background: url(../../images/icon/heart_on_icon.svg) 50% 50% no-repeat; background-size: contain; }
.pds-footer-actions--item .pds-sheet__btn--outline { flex: 1; width: auto; height: 50px; border: 1.5px solid var(--pds-primary); border-radius: var(--pds-radius-btn); background: #fff; color: var(--pds-primary); font-size: 15px; font-weight: 600; letter-spacing: -0.75px; cursor: pointer; }
.pds-footer-actions--item .pds-sheet__btn--outline[hidden] { display: none !important; }
.pds-footer-actions--item .pds-sheet__btn--primary { flex: 1.2; width: auto; height: 50px; border: 0; border-radius: var(--pds-radius-btn); background: var(--pds-primary); color: #fff; font-size: 15px; font-weight: 600; letter-spacing: -0.75px; cursor: pointer; }
.pds-footer-actions--item .pds-sheet__btn--primary:disabled { background: #ccc; cursor: not-allowed; }
.pds-sheet--item .pds-sheet__body { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 0; scrollbar-width: thin; scrollbar-color: #ccc transparent; }
.pds-sheet--item .pds-sheet__body::-webkit-scrollbar { width: 4px; }
.pds-sheet--item .pds-sheet__body::-webkit-scrollbar-thumb { background: #ccc; border-radius: 999px; }

/* ── Item sheet (시안4: 일반상품) ── */
.pds-sheet--item .pds-sheet__summary--item { border-top: 1px dotted #d9d9d9; gap: 14px; }
.pds-sheet--item .option-selection { gap: 0; }
.pds-sheet--item .subscription-options-section { gap: 0; padding: 0; }
.pds-sheet--item .main-product-section,
.pds-sheet--item .additional-product-section { padding: 16px 20px 0; }
.pds-sheet--item .bottom-sheet-content .subscription-options-section .dropdown,
.pds-sheet--item .subscription-options-section .dropdown,
.pds-sheet--item .option-select,
.pds-sheet--item .custom-select-trigger { width: 100%; padding: 14px 16px; border: 1px solid #ddd; border-radius: 8px !important; background: #fff; color: #666; font-size: 14px; letter-spacing: -0.75px; }
.pds-sheet--item .bottom-sheet-content .selected-products,
.pds-sheet--item .selected-products { display: flex; flex-direction: column; gap: 12px; padding: 0 16px 20px; border-top: none !important; }
.pds-sheet--item .selected-products:empty { display: none; padding: 0; }
.pds-sheet--item .bottom-sheet-content .selected-products .selected-item,
.pds-sheet--item .selected-products .selected-item { width: 100%; display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid #e0e0e0 !important; border-radius: 8px !important; background: #fff; }
.pds-sheet--item .selected-products .selected-item.is-subscription-base{margin-top: 16px;}
.pds-sheet--item .selected-item-info-wrap { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.pds-sheet--item .selected-item-name { font-size: 15px; font-weight: 500; letter-spacing: -0.75px; line-height: 1.3; color: var(--pds-text); }
.pds-sheet--item .remove-btn { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #999; font-size: 16px; cursor: pointer; padding: 0; }
.pds-sheet--item .selected-item-total { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; }
.pds-sheet--item .selected-item .quantity-controls { display: flex; flex-direction: row; align-items: center; border: 1px solid var(--pds-border); background: #fff; border-radius: 5px; overflow: hidden; min-width: 88px; }
.pds-sheet--item .selected-item .quantity-controls .quantity-btn { min-width: 28px; max-width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 0; background: #fafafa; cursor: pointer; font-size: 12px; }
.pds-sheet--item .selected-item .quantity-controls .quantity-input { width: 32px; height: 28px; border: 0; text-align: center; font-size: 14px; font-weight: 600; }
.pds-sheet--item .line-subtotal { font-size: 15px; font-weight: 700; letter-spacing: -0.75px; color: var(--pds-text); min-width: 80px; text-align: right; }

/* ── Item option custom select (일반·구독 / 모바일·웹) ── */
.main-product-section--item-custom { position: relative; }
.main-product-section--item-custom > .section-title { display: none !important; }
.main-product-section--item-custom > select.it_option { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.item-option-custom-select { position: relative; width: 100%; margin-bottom: 8px; }
.item-option-custom-select .custom-select-trigger { width: 100%; padding: 14px 36px 14px 16px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center; cursor: pointer; text-align: left; display: block; color: #999; letter-spacing: -0.5px; }
.item-option-custom-select .custom-select-trigger.is-open { border-color: var(--pds-primary); border-radius: 8px 8px 0 0; color: #333; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 7l5-5 5 5' stroke='%2323b16c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.item-option-custom-select .custom-select-label { display: block; color: inherit; font-size: 14px; }
.item-option-custom-select .custom-select-dropdown { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid var(--pds-primary); border-top: none; border-radius: 0 0 8px 8px; list-style: none; margin: 0; padding: 4px 0; z-index: 200; max-height: 280px; overflow-y: auto; box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.item-option-custom-select .custom-select-dropdown.is-open { display: block; }
.item-option-custom-select .custom-select-option { padding: 10px 16px; cursor: pointer; display: flex; flex-direction: column; gap: 3px; }
.item-option-custom-select .custom-select-option:hover,
.item-option-custom-select .custom-select-option.is-active { background: #f5faf8; }
.item-option-custom-select .custom-select-option.is-soldout { opacity: .5; cursor: not-allowed; pointer-events: none; }
.item-option-custom-select .custom-option-name { font-size: 14px; color: #333; letter-spacing: -0.5px; line-height: 1.4; }
.item-option-custom-select .custom-option-price { font-size: 13px; font-weight: 600; color: var(--pds-primary); letter-spacing: -0.5px; }

/* 바텀시트 일반상품: 밑줄형 native select 덮어쓰기 방지 */
.pds-sheet--item .main-product-section--item-custom > select.it_option { border: 0 !important; }

/* ── Subscription sheet (시안5) ── */
.pds-sheet--subscription .pds-sheet__body { padding-bottom: 8px; }
.pds-sheet--subscription .main-product-section,
.pds-sheet--subscription .additional-product-section { padding: 16px 20px 8px; }
.pds-sheet--subscription .selected-products { padding: 8px 20px 12px; }
.pds-sheet--subscription .selected-products .selected-item.hidden { display: none !important; }
.pds-sheet--subscription .selected-products:not(:has(.selected-item:not(.hidden):not([hidden]))) { display: none; padding: 0; }

/* 구독 옵션 카드 / 옵션 없는 기본 상품 카드: 이름 + 가격만 */
.pds-sheet--subscription .selected-item.is-subscription-option,
.pds-sheet--subscription .selected-item.is-subscription-base { display: flex !important; flex-direction: column !important; align-items: stretch; justify-content: flex-start; gap: 8px; padding: 14px; border: 1px solid #e0e0e0 !important; border-radius: 8px !important; background: #fff; }
.pds-sheet--subscription .selected-item.is-subscription-option .selected-item-info-wrap,
.pds-sheet--subscription .selected-item.is-subscription-base .selected-item-info-wrap { flex: 1; min-width: 0; margin: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 6px; width: 100%; }
.pds-sheet--subscription .selected-item.is-subscription-option .selected-item-name,
.pds-sheet--subscription .selected-item.is-subscription-base .selected-item-name { font-size: 14px; font-weight: 500; letter-spacing: -0.75px; color: #333; }
.pds-sheet--subscription .selected-item.is-subscription-option .selected-item-total,
.pds-sheet--subscription .selected-item.is-subscription-option .selected-item-total--price-only,
.pds-sheet--subscription .selected-item.is-subscription-option .quantity-controls,
.pds-sheet--subscription .selected-item.is-subscription-base .selected-item-total,
.pds-sheet--subscription .selected-item.is-subscription-base .selected-item-total--price-only,
.pds-sheet--subscription .selected-item.is-subscription-base .quantity-controls { display: none !important; }
.pds-sheet--subscription .selected-item.is-subscription-option .line-subtotal,
.pds-sheet--subscription .selected-item.is-subscription-base .line-subtotal { font-size: 14px; font-weight: 700; color: #333; min-width: auto; text-align: left; white-space: nowrap; flex-shrink: 0; }

/* 네이티브 select 숨기고 커스텀 셀렉트 표시 (구독 모바일 — 공통 클래스와 병행) */
.pds-sheet--subscription .main-product-section--subs-custom > .section-title { display: none !important; }
.pds-sheet--subscription .main-product-section--subs-custom > select.it_option { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.pds-sheet--subscription .delivery,
.pds-sheet--subscription .subscription-options-section > .section { padding: 16px 20px; }
.pds-sheet--subscription .bottom-sheet-content .subscription-options-section .delivery { border-top: 1px solid var(--pds-border); padding: 16px 20px; }
.pds-sheet--subscription .bottom-sheet-content .subscription-options-section > .section { padding: 16px 20px; }
.pds-sheet--subscription .bottom-sheet-content .subscription-options-section .dropdown,
.pds-sheet--subscription .date-selector .dropdown { border: 1px solid #ddd !important; border-radius: 8px !important; padding: 14px 16px; }
.pds-sheet--subscription .section-title { font-size: 14px; font-weight: 600; letter-spacing: -0.75px; color: var(--pds-text); margin-bottom: 8px; }
.pds-sheet--subscription .delivery-cycle { gap: 8px; }
.pds-sheet--subscription .delivery-cycle .cycle-radio { height: 40px; border-radius: 8px; }

/* 신청내용: 총액 ↔ 무료배송 사이 (summary 고정 영역) */
.pds-sheet--subscription .item-sheet-summary--subscription { gap: 14px; }
.pds-sheet--subscription .pds-subs-summary,
.pds-sheet--subscription .item-sheet-summary .subs-summary-container.pds-subs-summary { display: none; margin: 0; padding: 16px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 10px; width: 100%; }
.pds-sheet--subscription .pds-subs-summary .subs-summary-title { font-size: 15px; font-weight: 700; letter-spacing: -0.75px; color: #333; margin: 0 0 10px !important; padding: 0 !important; border: none !important; }
.pds-sheet--subscription .pds-subs-summary .subs-summary-content { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #666; }
.pds-sheet--subscription .pds-subs-summary .subs-summary-row {display: flex; padding: 0 !important; border: none !important; flex-direction: row; justify-content: flex-start; align-items: center;  gap: 5px;  }
.pds-sheet--subscription .pds-subs-summary .subs-summary-row .label{font-size: 13px; letter-spacing: -0.75px; font-weight: 400 ; line-height: 1.4;color: #333;}
.pds-sheet--subscription .pds-subs-summary .subs-summary-row .value { color: var(--pds-primary); font-weight: 500; font-size: 13px;letter-spacing: -0.75px; }
.pds-sheet--subscription .pds-sheet__footer--subscription { border-top: 1px solid var(--pds-border); box-shadow: none; }