@charset "UTF-8";

/* 공통 모바일 선택 Bottom Sheet */
#mobile_filter_dim      { position:fixed; left:0; top:0; width:100vw; height:100dvh; background:rgba(0,0,0,0.3); z-index:10000; opacity:0; visibility:hidden; transition:opacity 0.2s; }
#mobile_filter_dim.open { opacity:1; visibility:visible; }
#mobile_filter_sheet      { position:fixed; bottom:0; left:0; right:0; background:#fff; border-radius:12px 12px 0 0; padding:26px 16px calc(20px + env(safe-area-inset-bottom)); z-index:10001; max-height:80vh; display:flex; flex-direction:column; transform:translateY(100%); transition:transform 0.3s ease; }
#mobile_filter_sheet.open { transform:translateY(0); }
#mobile_filter_sheet .sheet_title              { font-size:14px; font-weight:700; color:#8c8c8c; margin-bottom:16px; display:block; flex-shrink:0; }
#mobile_filter_sheet #sheet_search_wrap        { flex-shrink:0; margin-bottom:12px; }
#mobile_filter_sheet #sheet_search_wrap input  { width:100%; height:40px; background:#f0f0f0; border:none; border-radius:20px; padding:0 16px 0 42px; font-size:14px; outline:none; background-image:url(/common/css/import/icons/search.svg); background-repeat:no-repeat; background-position:14px center; background-size:18px; }
#mobile_filter_sheet #sheet_list               { list-style:none; overflow-y:auto; flex:1; min-height:0; }
#mobile_filter_sheet #sheet_list li            { display:flex; justify-content:space-between; align-items:center; padding:15px 0; border-bottom:1px solid #e6e6e6; cursor:pointer; }
#mobile_filter_sheet #sheet_list li:last-child { border-bottom:none; }
#mobile_filter_sheet #sheet_list li .opt_label { font-size:16px; font-weight:500; color:#595959; display:flex; align-items:center; gap:8px; flex:1; }
#mobile_filter_sheet #sheet_list li .opt_label img               { width:20px; height:20px; }
#mobile_filter_sheet #sheet_list li.selected .opt_label          { color:#ff6929; font-weight:700; }
#mobile_filter_sheet #sheet_list.sort_list li .opt_check         { width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:20px; flex-shrink:0; }
#mobile_filter_sheet #sheet_list.sort_list li.selected .opt_check      { background-image:url(/common/css/import/icons/check.svg); }
#mobile_filter_sheet #sheet_list.checkbox_list li .opt_check           { width:24px; height:24px; border:1.5px solid #d9d9d9; border-radius:6px; flex-shrink:0; }
#mobile_filter_sheet #sheet_list.checkbox_list li.selected .opt_check  { background:#ff6929; border-color:#ff6929; display:flex; align-items:center; justify-content:center; }
#mobile_filter_sheet #sheet_list.checkbox_list li.selected .opt_check::after { content:""; width:5px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg) translate(-1px,-1px); display:block; }
#mobile_filter_sheet #sheet_apply_btn { width:100%; height:50px; background:#ff6929; border:none; border-radius:8px; color:#fff; font-size:14px; font-weight:700; cursor:pointer; margin-top:16px; flex-shrink:0; }