/* 마이펫츄 드롭다운(mpc-select.js) — 버튼은 자리마다 크기를 물려받고(페이지 CSS 가 .mpc-select__btn 을 원래 select 규칙에 얹는다), 목록은 항상 아래로 */
.mpc-select{position:relative;display:block;min-width:0}
.mpc-select__native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;opacity:0;pointer-events:none}
.mpc-select__btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;font:inherit;color:inherit;background:#fff}
.mpc-select__text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpc-select__chevron{display:inline-flex;flex:none;width:18px;height:18px;color:currentColor;transition:transform .18s}
.mpc-select__chevron svg{width:18px;height:18px}
.mpc-select.is-open .mpc-select__chevron{transform:rotate(180deg)}
.mpc-select.is-open .mpc-select__btn{border-color:#d94d42}
.mpc-select__list{position:absolute;left:0;top:calc(100% + 6px);z-index:60;box-sizing:border-box;min-width:100%;max-height:340px;margin:0;padding:6px;overflow:auto;list-style:none;border:1px solid #e8ddd0;border-radius:14px;background:#fff;box-shadow:0 14px 34px #34190b22;overscroll-behavior:contain;scrollbar-width:thin;outline:none}
.mpc-select__list[hidden]{display:none}
.mpc-select__opt{padding:10px 14px;border-radius:10px;color:#34190b;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer}
.mpc-select__opt.is-active{background:#f3eee4}
.mpc-select__opt[aria-selected="true"]{background:#fde9d9;color:#b83d31;font-weight:800}
.mpc-select__opt[aria-selected="true"].is-active{background:#ffe3dc}
.mpc-select__list:focus,.mpc-select__list:focus-visible{outline:none}
@media(prefers-reduced-motion:reduce){.mpc-select__chevron{transition:none}}
@media(max-width:600px){.mpc-select__list{max-height:min(340px,55vh)}.mpc-select__opt{padding:11px 14px;font-size:16px}}