/* 문성전자 — 상세 문열림 방향 전환 [좌열림 | 우열림] (2026-10-07, extend/ms.door.php) — 접두어 ms-door
   제목(모델명) 바로 아래. 지금 상품 = 남색 칸, 반대 방향 = 짝 상품으로 가는 링크 */
.ms-door{display:flex;align-items:center;gap:12px;margin:12px 0 4px;font-family:'Samsung One Korean','Malgun Gothic',sans-serif}
.ms-door .lb{flex:none;font-size:14px;font-weight:700;color:#14213d;letter-spacing:-.3px}
.ms-door .seg{display:flex;flex:1;max-width:280px;padding:3px;border:1px solid #dfe6f3;border-radius:12px;background:#f4f7fc}
.ms-door .seg > *{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:9px;
  font-size:14px;font-weight:700;letter-spacing:-.3px;text-decoration:none !important;transition:background .15s,color .15s}
.ms-door .seg .on{background:linear-gradient(135deg,#0f1c6e,#1a6ad0);color:#fff;box-shadow:0 3px 10px rgba(15,28,110,.22)}
.ms-door .seg a{color:#5d6680}
.ms-door .seg a:hover{background:#fff;color:#1a6ad0}
.ms-door .seg a:focus-visible{outline:2px solid #1a6ad0;outline-offset:1px}
.ms-door{flex-wrap:wrap}
.ms-door .adm{flex-basis:100%;font-style:normal;font-size:12px;color:#c0392b}
.ms-door svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:768px){
  .ms-door{gap:10px}
  .ms-door .seg{max-width:none}
  .ms-door .seg > *{height:44px}   /* 손가락 크기 */
}
@media (prefers-reduced-motion:reduce){ .ms-door .seg > *{transition:none} }